Lynx
Guide
APIs
Blog
Contribute
Guide
APIs
Blog
Contribute

<fit-content>

fit-content() currently supports for width, height and grid layout properties (grid-template-columns, grid-template-rows, grid-auto-columns, and grid-auto-rows).

When used as a width or height, take the larger value between the following two: the maximum size of the content and the smaller value specified in fit-content().

fit-content is equivalent to fit-content(auto), and the specified value of auto is the same as the corresponding axis length of the parent element.

Example

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;

Compatibility

LCD tables only load in the browser

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.