СSS Свойство table-layout
Пример
Установка различных алгоритмов сервировки таблиц:
table.a {
table-layout: auto;
width: 180px;
}
table.b {
table-layout:
fixed;
width: 180px;
}
Попробуйте сами »
Определение и использование
Свойство table-layout определяет алгоритм, используемый для компоновки ячеек таблицы, строк и столбцов.
Совет: Основное преимущество table-layout: fixed; заключается в том, что таблица визуализируется намного быстрее. В больших таблицах пользователи не увидят ни одной части таблицы, пока браузер не отобразит всю таблицу. Таким образом, если вы используете table-layout: fixed, пользователи будут видеть верхнюю часть таблицы, пока браузер загружает и отображает остальную часть таблицы. Это создает впечатление, что страница загружается намного быстрее!
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS2 |
| JavaScript синтаксис: | object.style.tableLayout="fixed" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| table-layout | 14.0 | 5.0 | 1.0 | 1.0 | 7.0 |
CSS Синтаксис
table-layout: auto|fixed|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Браузеры используют автоматический алгоритм компоновки таблиц. Ширина столбца задается самым широким неразрывный содержимым в ячейках. Содержание будет диктовать макет | Воспроизвести » |
| fixed | Задает фиксированный алгоритм компоновки таблицы. ширина таблицы и столбца определяется шириной таблицы, а цвет, шириной первой строки ячеек. Ячейки в других строках не влияют на ширину столбцов. Если нет ширины присутствуют в первой строке, ширины столбцов делятся поровну по всей таблице, независимо от содержимого внутри ячеек | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Таблица
HTML DOM Справочник: Свойство tableLayout
