参见英文答案 >
Make flex-grow expand items based on their original size3个
这两个值有什么区别？我已经测试了很多例子,他们只给出了完全相同的结果……有人可以给我一个例子,其中flex-basis：auto;不会给出与flex-basis相同的结果：0;
这两个值有什么区别？我已经测试了很多例子,他们只给出了完全相同的结果……有人可以给我一个例子,其中flex-basis：auto;不会给出与flex-basis相同的结果：0;
解决方法
“0”和“auto”flex-basis在大多数情况下(如果不是所有情况)都会有所不同：数值被解释为特定宽度,因此零将与指定“width：0”相同(因此将元素折叠为其给定内容的最小可能宽度,或者如果其溢出被隐藏则为零.)
.f {display:flex}
.f div {border:1px solid}
.zero {flex-basis: 0}
.auto {flex-basis: auto}
<div class="f"> <div class="zero">This is flex-basis zero</div> </div> <div class="f"> <div class="auto">This is flex-basis auto</div> </div>
