在CSS中,"width: fit-content;"和"width: "fit-content(some_value);"有什么区别?

  • 本文关键字:fit-content width 区别 value CSS some css
  • 更新时间 :
  • 英文 :


MDN web文档将适合的内容描述为一个函数:

https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content

https://developer.mozilla.org/en-US/docs/Web/CSS/width#fit-内容

width: fit-content(20em);

我找不到任何适合定义为没有括号的值的内容的引用,因为它在这里:

figure {
width: fit-content;
}

有什么区别?

您需要参考规范才能找到它们:

值:auto||min content|max content|fit content(<length-percentage>(

这是箱子尺寸等级3规范。

稍后在第4级中,您可以阅读:

新值:拉伸|适合内容|包含

适合内容

基本上适合内容(拉伸(,即min(最大内容,max(最小内容,拉伸((。

因此fit-content=fit-content(stretch)

拉伸

应用拉伸调整大小,尝试将方框的边距框的大小与其包含块的大小相匹配。参见§7.1伸缩贴合尺寸:填充容纳块。

最新更新