假设我正在做 3 个弹性列，第一个 50%，另外两个自动调整。
.half {
flex: 0 0 auto ;
width: 50% ;
}
or
.half {
flex: 0 0 50%;
}
这些似乎在功能上是相同的。他们是吗？
底部语句相当于：
.half {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 50%;
}
在这种情况下，这相当于盒子不允许弯曲，因此保留了由 flex-basis 设置的初始宽度。
Flex-basis 定义了分配剩余空间之前元素的默认大小，因此如果允许元素弯曲（增大/缩小），它可能不是页面宽度的 50%。
我发现我经常回到https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/有关 Flexbox 的帮助:)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
