flex-basis: auto 和 flex-basis: content 有什么区别？

Question

我一直在阅读关于flex-basis css 属性的MDN 文章。 在那里我没有看到flex-basis: auto的任何定义。 它解释了flex-basis: content 。 似乎content现在已经取代了auto 。 但如果是这样的话，那为什么auto还是初始值呢？

Answer 1

自最初提出这个问题以来， MDN 文章似乎已经更新。 简而言之：

• auto表示“查看我的宽度或高度属性”。
• content意思是“看我的内容”。

当元素具有固定的width或height时，这确实会导致轻微的差异。 如果您仅在 Firefox 中查看此现场演示，您会注意到这种差异（在撰写本文时，只有 Firefox 支持价值content ）。

还要引用同一篇 MDN 文章中的历史注释：

• 最初，flex-basis:auto 的意思是“查看我的宽度或高度属性”。
• 然后，flex-basis:auto 被更改为表示自动调整大小，并且引入了“main-size”作为“查看我的宽度或高度属性”关键字。 它是在错误 1032922 中实现的。
• 然后，该更改在错误 1093316 中恢复，因此 auto 再次表示“查看我的宽度或高度属性”； 并且引入了一个新的内容关键字来触发自动调整大小。 （错误 1105111 涉及添加该关键字）。