<fit-content>

fit-content() 目前支持在 widthheight网格布局(grid)属性 (grid-template-columnsgrid-template-rowsgrid-auto-columnsgrid-auto-rows) 中使用。

当用作 widthheight 时,布局中取下列两者间的较大值:

  • 0
  • 内容最大大小和 fit-content() 中指定值的较小值

fit-content 等价于 fit-content(auto),auto 指定值与父元件对应轴长度一致。

示例

width: fit-content;
height: fit-content(200px);
grid-template-columns: fit-content;
grid-template-rows: fit-content;
grid-auto-columns: fit-content;
grid-auto-rows: fit-content;

兼容性

LCD tables only load in the browser

除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。