css - 为什么在简写 flex 符号中省略时 flex-basis 默认为 0？

Question

由于 flex-basis 的初始值是 auto，如果在简写符号中省略该属性，我希望该属性默认为 auto这个:

flex: 2 1; 而不是默认为 0 !

这是什么原因，为什么会这样？

Answer 1

因为在 flex 简写属性中，当 flex-grow 和可选的 flex-shrink 被声明时， flex -basis省略，flex-basis，根据定义，默认为0。

参见:

• § 7.1.1. Basic Values of flex
• What is the difference between flex-basis: auto and flex-basis: 0?