为什么中间的盒子不设置flex：1；会压缩两边的盒子；
两边的盒子都设置了宽高，
为什么中间的盒子不设置flex：1会压缩两边的盒子
为什么中间的盒子不设置flex：1；会压缩两边的盒子；
两边的盒子都设置了宽高，
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
雾里桃花 2022-08-11 14:23关注父元素设置了flex，并且没有声明可换行，flex-wrap: wrap; 如果其中一个元素的宽度过大，或者子元素的总宽度超出了父元素的宽，flex就会自动压缩其中子元素的宽度
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 2无用举报 分享
- 2022-08-11 14:18回答 3 已采纳 父元素设置了flex，并且没有声明可换行，flex-wrap: wrap; 如果其中一个元素的宽度过大，或者子元素的总宽度超出了父元素的宽，flex就会自动压缩其中子元素的宽度
- 2022-05-17 00:17回答 2 已采纳 使中间盒子让出左边盒子的宽度就可以了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
- 2022-08-29 10:14回答 5 已采纳 你自己的分析已经考虑的很全面了，我比较同意你说的ion-icon自己的样式影响问题。至于放置位置我认为是没有影响的，主要是button内的icon样式影响，筛选是否有position和层级z-inde
- 2023-04-06 16:24浮桥的博客 css中flex布局固定宽度被压缩问题
- 2022-08-10 14:07回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
- 2022-05-26 10:49回答 2 已采纳 div给个高度，还有，div里面是可以用p标签的 div{ height:300px }
- 2023-03-01 21:32回答 2 已采纳 justify-self 只能用于替换 flex-item 的 justify-content 属性，不能用于替换 flex-container 的 justify-content 属性。要替换 fl
- 2021-04-29 00:21AKA俄语人Лев的博客 css3系列之弹性盒子 flex 弹性盒子(伸缩盒) 注意，本篇会很长，非常长， 因为弹性盒子的知识点比较多 搜索 弹性盒子的属性 ctrl + F 如果觉得图太小， ctrl + +键 主要的属性有： (主要分两部分讲， 一部分讲 设置在...
- 2022-03-06 21:04回答 3 已采纳 因为你的flex布局，你的写法是会将两个盒子弹性的宽度展示在这一行的；我觉得你需要去学习一下flex布局得相关语法
- 2021-10-30 11:31回答 3 已采纳 flex wrap 就是这样的，我提供你一种解决方案b站的视频自动调整就是用的这种方法，我也是刚学前端一个星期，照着b站做了一个模仿界面，b站源码是这样解决的1 <!DOCTYPE html&g
- 2022-05-09 11:01回答 1 已采纳 图片丢失，请补一下图片
- 2020-06-30 15:13七钥的博客 什么？你竟然不知道css的flex弹性盒子？你肯定是经常被大佬按在地上摩擦吧。这篇文章，让你彻底明白flex弹性盒子的每个属性，好文字不如好图片！
- 2021-12-24 11:26回答 4 已采纳 你的模拟器使用414*736 还设置89%，这样不规范吧一般默认一个固定宽度 375，设计图按照375设计
- 2022-06-22 18:33度阡_eve的博客 两列式布局使用flex布局时内容被压缩（适用于响应式布局） 例如实现这样两列式布局左边图片固定大小，右边需要填充剩余的部分，且左... 实现过程： 整个大盒子需要用display:flex 左侧：需要固定宽度 右侧：flex-grow:1
- 2022-07-20 20:37牵手不牵薛之谦的博客 如果父级加了displayflex属性,标签不再分类,不再有块级元素和行内元素包括行内块之分,任何一个元素都可以直接给宽度和高度一行显示Flex不存在脱标的情况也就是基本淘汰了浮动，更不用清除浮动兼容性问题，如果不考虑...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月23日
已采纳回答
8月15日-
创建了问题
8月11日
悬赏问题
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
- ¥15 下图接收小电路，谁知道原理
- ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线，如何释放宽带全部速度