一、问题
当父元素为flex的时候，且未设置换行，子元素设置宽，不会有作用
二、原因
子元素自动获得了flex-shrink属性，该属性定义了项目的缩小比例，默认为1，就是说，如果空间不足的情况下，所有的子元素会等比例的缩小，如果一个子元素的flex-shrink的属性为0，其他的子元素为1，则为0的子元素不会缩小
三、解决
给子元素添加flex-shrink: 0;属性
如果有什么疑问或建议，欢迎与我交流！
flex布局父元素不换行子元素设置宽高不生效问题
转载请注明出处或者链接地址：https://www.qianduange.cn//article/24241.html
发布的文章
【Linux笔记】基础IO(上)
2025-03-27 13:03:40
Windows11离线安装wsl2(适用于 Linux 的 Windows 子系统)和Ubuntu
2025-03-27 13:03:39
Linux 服务器运维常用命令大全
2025-03-27 13:03:38
深入了解 Ubuntu 中的 build-essential：开发者的必备工具
2025-03-27 13:03:36
RagFlow Docker Desktop Ollama DeepSeek-R1本地部署自己的本地AI大模型工具
2025-03-27 13:03:35
Linux 学习必杀技：从菜鸟到高手的蜕变密码
2025-03-27 13:03:35
Trae AI 全新功能 SSHremote助力开发者个人产品打造，高效构建全栈应用
2025-03-27 13:03:34
Python Selenium全栈指南：从自动化入门到企业级实战
2025-03-27 13:03:33
Spring Cloud之负载均衡之LoadBalance
2025-03-27 13:03:33
【一篇搞定配置】一篇带你从配置到使用（PyCharm远程）完成服务器运行项目（配置、使用一条龙）【全网最详细版】
2025-03-27 13:03:33
大家推荐的文章