flex-basis: auto 表示项目的本来大小,当设置为 auto 时会根据主轴方向检索该 flex-item 的 width 或 height 值作为 flex-basis 的值。如果 width 或 height 值为 auto,则 flex-basis 设置为 content,也就是基于 flex 的元素的内容自动调整大小。 flex-basis: 0 相当于指定了宽度或高度(由主轴方向决定)为 0。 查看 demoMDN flex-basis规范地址
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
规范地址