table-layout - это директива, которая определяет, как браузер будет строить таблицу. И вы сразу можете почувствовать разницу в её поведении! | Значение по умолчанию: | auto |
|---|
| Наследуется: | нет |
|---|
| Версия: | CSS2 |
|---|
| Синтаксис JavaScript: | object.style.tableLayout="fixed" |
|---|
| Значение | Описание |
|---|
| auto | Автоматический алгоритм. Таблица сначала анализирует всё содержимое, чтобы подобрать оптимальные размеры ячеек.
- Максимальная ширина столбца определяется по содержимому.
- Первая раскладка создаётся только после того, как браузер изучит весь текст. | | fixed | Фиксированный алгоритм. Размеры колонок задаются сразу по таблице; содержимое ячеек не влияет.
- Создаёт макет быстрее, чем auto.
- Начинается с первой строки, даже если остальная часть ещё загружается. | | inherit | Значение наследуется от родительского элемента - просто перенаправляет настройку сверху вниз. | Пример
|