什么是flex-basis:auto和flex-basis:content?之间的区别?

时间:2017-07-11 15:10:28

标签: html css html5 css3 flexbox

我一直在flex-basis css属性上阅读MDN article。在那里,我没有看到flex-basis: auto的任何定义。它解释了flex-basis: content。好像content似乎已取代auto。但如果是这种情况,那么为什么auto仍然是初始值?

1 个答案:

答案 0 :(得分:0)

自最初提出此问题以来,MDN article似乎已更新。简而言之:

  • const date: any ="1399/06/08" console.log(date.replaceAll('/','_')) 的意思是“看看我的width或height属性”。
  • auto的意思是“看我的内容”。

当元素具有固定的contentwidth时,这会导致稍有不同。如果仅在Firefox中查看此live demo,就会注意到这种差异(在撰写本文时,值heightONLY supported in Firefox)。

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

  • 最初,flex-basis:auto的意思是“看看我的width或height属性”。
  • 然后,将flex-basis:auto更改为自动调整大小,并引入了“ main-size”作为“看看我的width或height属性”关键字。它是在错误1032922中实现的。
  • 然后,该更改已在错误1093316中恢复,因此auto再次表示“看看我的width或height属性”;并且引入了新的内容关键字来触发自动调整大小。 (错误1105111涵盖了添加该关键字)。