为什么中间的盒子不设置flex：1；会压缩两边的盒子；
两边的盒子都设置了宽高，
为什么中间的盒子不设置flex：1会压缩两边的盒子
为什么中间的盒子不设置flex：1；会压缩两边的盒子；
两边的盒子都设置了宽高，
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答
雾里桃花 2022-08-11 14:23关注父元素设置了flex，并且没有声明可换行，flex-wrap: wrap; 如果其中一个元素的宽度过大，或者子元素的总宽度超出了父元素的宽，flex就会自动压缩其中子元素的宽度
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 2无用举报 分享
- 2023-04-06 16:24浮桥的博客 css中flex布局固定宽度被压缩问题
- 2021-04-29 00:21AKA俄语人Лев的博客 css3系列之弹性盒子 flex 弹性盒子(伸缩盒) 注意，本篇会很长，非常长， 因为弹性盒子的知识点比较多 搜索 弹性盒子的属性 ctrl + F 如果觉得图太小， ctrl + +键 主要的属性有： (主要分两部分讲， 一部分讲 设置在...
- 2020-06-30 15:13七钥的博客 什么？你竟然不知道css的flex弹性盒子？你肯定是经常被大佬按在地上摩擦吧。这篇文章，让你彻底明白flex弹性盒子的每个属性，好文字不如好图片！
- 2024-01-17 10:31Evan.Pei的博客 当父元素宽度不够时， flex 默认是不会换行的，而是会等比例压缩，缩放比例 flex-shrink 属性或复合属性 flex 相关。参考：https://blog.csdn.net/qq_43894292/article/details/134306035。flex 弹性盒模型是最简便...
- 2025-12-09 22:18马达加斯加D的博客 Flex布局是一种CSS弹性盒子模型，专为一维布局设计，通过设置容器属性控制子元素排列。主要包含两种元素：容器（设置display: flex）和项目（容器直接子元素）。布局涉及主轴和交叉轴，默认主轴为水平方向。常用属性...
- 2022-06-22 18:33度阡_eve的博客 两列式布局使用flex布局时内容被压缩（适用于响应式布局） 例如实现这样两列式布局左边图片固定大小，右边需要填充剩余的部分，且左... 实现过程： 整个大盒子需要用display:flex 左侧：需要固定宽度 右侧：flex-grow:1
- 2022-07-20 20:37牵手不牵薛之谦的博客 如果父级加了displayflex属性,标签不再分类,不再有块级元素和行内元素包括行内块之分,任何一个元素都可以直接给宽度和高度一行显示Flex不存在脱标的情况也就是基本淘汰了浮动，更不用清除浮动兼容性问题，如果不考虑...
- 2022-05-17 16:36tengxi_5290的博客 对两边元素分别设置float为left、right。 浮动元素后面记得清浮动，不然页面布局会混乱，兼容性好。 绝对定位 容器设置position为relative，内容均设置position为absolute，用left=0，left=firstContentWidth，...
- 2024-12-13 15:06deyong1024的博客 数值越小，排列越靠前，默认为0注意：和z-index不一样。
- 2024-04-27 15:04zzb_lly的博客 stretch (默认值) : 拉伸 flex 项以填充整个容器（这里特别要注意：如果 flex 项有尺寸属性（min-width / max-width / width / min-height / max-height / height），那么首先应用这些尺寸属性，伸展，就是会填充...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月23日
已采纳回答
8月15日-
创建了问题
8月11日