table-layout
Definition
The table-layout property specifies how the width of table columns is calculated. By default, when cells or columns do not have an explicit width specified, Web browsers calculate column width based on the amount of content in the cells that make up the column. The screen shot below shows a fixed-width table, where the cells in the first column are narrow compared to those in the second column, because they contain less content.
The screen shot below also shows a fixed width table, but where column width is not determined by the amount of content in each column.
Example
table {table-layout: fixed}
Characteristics
Possible values
auto- When column or cell width are not explicitly set, the column width will be in proportion to the amount of content in the cells that make up the column.
fixed- When column or cell width are not explicitly set, the column width will not be affected by the amount of content in the cells that make up the column.
inherit- Use the same computed value as the parent element for this property.
Default value
auto
Applies to
Inherited
No