Content-based sizing, letting the browser decide

min-content

This is a div sized with min-content.
这个段落怎么那么长在一行写不行
นี่คือประโยคภาษาไทย

max-content

This is a div sized with max-content.
这个段落怎么那么长在一行写不行
นี่คือประโยคภาษาไทย

fit-content()

This is a div sized with fit-content(300px).

Support for these content-based units is most comprehensive in the grid formatting context, so this example should showcase the respective values correctly in a browser that supports Grid.

The first box is sized with min-content, the second box is sized with max-content, the third box is sized with fit-content(300px).

这个段落怎么那么长,在一行写不行。最好用三行写。

这个段落怎么那么长,在一行写不行。最好用三行写。

这个段落怎么那么长,在一行写不行。最好用三行写。


@hj_chen