Свойство table-layout в CSS

определение и использование

атрибут tableLayout используется для отображения алгоритма правил макета ячеек, строк и столбцов таблицы.

Фиксированный макет таблицы:

Фиксированный макет таблицы по сравнению с автоматическим макетом таблицы позволяет браузеру быстрее выполнять макет таблицы.

В фиксированном макете таблицы горизонтальный макет зависит только от ширины таблицы, ширины столбца, ширины рамки таблицы и интервала между ячейками, и не зависит от содержимого ячеек.

Используя фиксированный макет таблицы, пользовательский агент может отображать таблицу после получения первой строки.

Автоматический макет таблицы:

В автоматическом макете таблицы ширина столбца определяется самым широким содержимым, которое не перебрасывается в следующую ячейку в ячейке столбца.

Этот алгоритм иногда медленнее, так как он требует доступа ко всему содержимому таблицы перед определением окончательного макета.

описание

Этот атрибут определяет алгоритм макета таблицы, используемый для завершения макета таблицы. Алгоритм фиксированного макета быстрее, но менее гибок, а алгоритм автоматического макета медленнее, но лучше отражает традиционную таблицу HTML.

смотрите также:

Уроки CSS:Таблицы CSS

Руководство по HTML DOM:атрибут tableLayout

пример

установить алгоритм макета таблицы:

table
  {
  table-layout:fixed;
  }

попробуйте сами

CSS синтаксис

table-layout: auto|fixed|initial|inherit;

значение атрибута

значение описание
automatic по умолчанию. Ширина столбца определяется содержимым ячеек.
fixed ширина столбца определяется шириной таблицы и шириной столбца.
inherit определяет, должны ли значения атрибута table-layout наследоваться от родительского элемента.

технические детали

по умолчанию: автоматически
наследование: да
версия: CSS2
JavaScript синтаксис: объект.style.tableLayout="fixed"

более примеров

установка макета таблицы
Этот пример демонстрирует, как установить макет таблицы.

поддержка браузера

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0