table-layout

Свойство table-layout определяет ширину столбцов в таблице. По умолчанию, если ширина столбцов не указана точно, браузер рассчитывает размеры таблицы исходя из размеров ее содержимого. В иллюстрации ниже можно увидеть таблицу, в которой правая колонка шире левой, т.к. ее содержимое занимает больше места.


А на этой иллюстрации мы видим таблицу, в которой ширина колонок фиксирована и не зависит от размеров содержимого.

Пример

table {table-layout: fixed}

Возможные значения

auto
Если ширина колонки или ячейки таблицы точно не задана, при значении auto она будет рассчитываться браузером автоматически пропорционально содержимому.
fixed
Если ширина колонки или ячейки таблицы точно не задана, при значении fixed она будет фиксирована и будет вычисляться браузером на основе ширины первой строки. При этом, если содержимое ячеек будет больше, чем заданная ширина, оно либо отразится поверх таблицы, либо будет обрезано (зависит от браузера). Точное значение ширины можно задать с помощью xhtml-элемента col.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: auto

Применяется: * table

Наследуется: Нет