For AI agents: the complete documentation index is available at /next/zh/llms.txt, the full documentation bundle is available at /next/zh/llms-full.txt, and this page is available as Markdown at /next/zh/api/css/data-type/fit-content.md.
Lynx
  • 简体中文
  • <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 许可协议进行许可。