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伸缩贴合尺寸:填充容纳块。