flex-basis: auto和flex-basis: content有什么区别？（涉及IT技术）

Question

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

- user31782

---

这是谷歌上的热门问题。问题清晰易懂。这个问题在 Stack Overflow 上没有得到解答——“重复”问题每个只回答了其中一半，每种情况都有不同的部分回答。 - Adam

Answer 1

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

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

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

此外，引用同一MDN文章的历史记录：

• 最初，flex-basis:auto的意思是“查看我的宽度或高度属性”。
• 然后，flex-basis:auto被改为自动调整大小，并引入了“main-size”作为“查看我的宽度或高度属性”的关键字。这是在bug 1032922中实现的。
• 然后，在bug 1093316中撤销了该更改，因此auto再次表示“查看我的宽度或高度属性”；并引入了一个新的content关键字来触发自动调整大小。(bug 1105111涵盖了添加该关键字)。

- Matt