flex-basis auto和0（零）之间的区别

Question

这两个值有什么区别？我已经测试了很多例子，他们只给出了完全相同的结果......有人可以给我一个例子flex-basis: auto;与flex-basis: 0;

的结果不一致

Answer 1

＆＃34; 0＆＃34;和＆＃34;汽车＆＃34; flex-basis在大多数情况下（如果不是所有情况）都会有所不同：数值被解释为特定宽度，因此零与指定"width: 0"相同（因此在给定内容的情况下将元素折叠到其可能的最小宽度，如果隐藏溢出，则将其自身归零。）

＆＃13;

＆＃13;

.f {display:flex}
.f div {border:1px solid}
.zero {flex-basis: 0}
.auto {flex-basis: auto}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;