CSS table-layout Свойство
Пример
Настройка различных алгоритмов макета таблицы:
table.a {
table-layout: auto;
width: 180px;
}
table.b {
table-layout:
fixed;
width: 180px;
}
Определение и использование
Свойство table-layout
определяет алгоритм, используемый для компоновки ячеек таблицы, строк и столбцов.
Совет: Основное преимущество табличной компоновки: Исправлено; является то, что таблица делает гораздо быстрее. На больших таблицах пользователи не увидят ни одной части таблицы до тех пор, пока браузер не выведет всю таблицу целиком. Таким образом, если вы используете табличную компоновку: Fixed, пользователи увидят верхнюю часть таблицы, пока браузер загружает и отображает оставшуюся часть таблицы. Это создает впечатление, что страница загружается намного быстрее!
Значение по умолчанию: | auto |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | 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 | Устанавливает алгоритм фиксированного макета таблицы. Ширина таблицы и столбца устанавливается по ширине таблицы и Col или по ширине первой строки ячеек. Ячейки в других строках не влияют на ширину столбцов. Если в первой строке нет ширины, ширина столбцов делится равномерно по всей таблице, независимо от содержимого внутри ячеек | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Table
HTML DOM Справочник: tableLayout Свойство