当前位置： 首页 > Web前端 > CSS

flex布局，子元素宽度不符合预期

时间：2023-03-30 23:47:58 CSS

预期子元素内容不一样，但希望子元素平均分成三个：遇到的问题其实每个子元素都不会按照内容宽度均匀分布:代码：

texttext

texttexttexttexttext文本

888373773

.box{display:flex;}.child{高度：300px；}.child1{flex-grow:1;背景色：#0f0；}.child2{flex-grow:1;背景色：#f00；}.child3{flex-grow:1;背景色：#fff000；}解决方案设置每个子元素的宽度为0：.child{height:300px;宽度：0；}来解决这个问题！！！！！而且这个方案也适用于flex布局中的溢出失败！原理不清楚，待更新......

flex布局，子元素宽度不符合预期相关文章
最新推荐
猜你喜欢

Copyright © 2012-2022 程序源 版权所有豫ICP备2022028201号

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。