More about the author

Свойство table-layout

Последнее обновление: 09.01.2011

Свойство table-layout задает алгоритм вычисления высоты и ширины строк (<tr>), колонок и ячеек (<td>) таблицы.

Допустимые значения

  • auto — используется автоматическое определение размеров элементов таблицы на основании содержимого
  • fixed — размеры элементов таблицы жестко зафиксированы. Содержимое, которое не помещается в ячейки, будет обрезано, либо выходить за границы
  • inherit — наследует значение от родителя
Значение по умолчанию auto
Применимо к table, а таже к элементам для которых установлено display: table или display: table-inline
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример

table {
table-layout: fixed;
}
Твой код:
Результат:
большой полигон

Заметки

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

По теме

Показать комментарии