flex-basis设置为0 与设置成auto有何区别？

Question

flex-basis设置为0 与设置成auto有何区别？

Answer 1

• flex-basis: auto 表示项目的本来大小，当设置为 auto 时会根据主轴方向检索该 flex-item 的 width 或 height 值作为 flex-basis 的值。如果 width 或 height 值为 auto，则 flex-basis 设置为 content，也就是基于 flex 的元素的内容自动调整大小。
• flex-basis: 0 相当于指定了宽度或高度（由主轴方向决定）为 0。

查看 demo
MDN flex-basis
规范地址