A table expands and contracts to accommodate the data contained inside so tables are liquid but to apply a fixed width for both the table and the cells, the table-layout property is used. The table-layout property sets the table layout algorithm to be used for a table. It’s values are discussed as
| Value | Description |
| auto | The column width is set by the widest unbreakable content in the cells. |
| fixed | The horizontal layout only depends on the table’s width and the width of the columns, not the contents of the cells. |
It is used as
table { table-layout:fixed; }
The table-layout property has the ‘auto’ value as its default value.
In case of fixed value the table is forced to maintain its width, regardless of how much data is contained in its table cells. If the content inside the cells results in a width larger than the given, the content overflows.
