Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.
CSS синтаксис
table-layout: auto | fixed | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| auto | Значение по умолчанию. Автоматическая разметка таблицы. Браузер загружает всю таблицу, анализирует ее для определения размеров ячеек и после этого отображает. |
| fixed | Фиксированная разметка таблицы. Горизонтальная разметка таблицы зависит от ее ширины и ширины ее колонок, а не от контента ячеек. Ширина колонок в этом случае определяется либо с помощью тега <col>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого значения, содержимое, которое не помещается в ячейку указанной ширины, будет обрезано, либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет. Для корректной работы этого значения обязательно должна быть задана ширина таблицы. |
| inherit | Значение наследуется от родительского элемента. |
| initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем алгоритм расчета ширины ячеек HTML таблицы
table {
table-layout: fixed;
}
