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 涉及添加該關鍵字）。