Content-based sizing, letting the browser do more

This is a div sized with min-content.
这个段落是呢么长在一行写不行
นี่คือประโยคภาษาไทย
This is a div sized with max-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.

This is a p element sized with min-content.

This is a p element sized with max-content.

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

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

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

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

สมาคมกีฬาบาสเกตบอลแห่งประเทศไทย

สมาคมกีฬาบาสเกตบอลแห่งประเทศไทย

สมาคมกีฬาบาสเกตบอลแห่งประเทศไทย


@hj_chen