在CSS中，“width: fit-content;”和“width: "fit-content(some_value);”有什么区别？

Question

3

MDN web docs将fit-content描述为一种函数:

width: fit-content(20em);

我找不到任何有关fit-content作为一个没有括号的值的参考，就像这里所示：

figure {
  width: fit-content;
}

有什么不同之处？

- David Smith

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Temani Afif · Accepted Answer

您需要参考规范来找到它们：

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

这是Box Sizing Level 3规范。

稍后在Level 4中，您可以阅读：

新值：stretch | fit-content | contain

和

fit-content

基本上fit-content(stretch)，即min(max-content，max(min-content，stretch))。

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

stretch

应用stretch-fit大小调整，尝试将框的边距框的大小与其包含块的大小匹配。请参见§ 7.1 Stretch-fit Sizing：填充包含块。