⑦Компоновка макета таблицы с помощью свойства table-layout

Продолжим изучение темы CSS - таблицы. Если пропустили прошлые статьи, то вот ссылки на них:

• ①Границы таблицы border
• ②Как задать ширину, высоту, фон и столбцы таблицы
• ③Как добавить таблице заголовок
• ④Как убрать промежуток между рамками ячеек
• ⑤Как увеличить промежуток между рамками ячеек
• ⑥Как скрыть пустые ячейки таблицы

Компоновка макета таблицы с помощью свойства table-layout

Компоновка макета таблицы определяется одним из двух подходов: фиксированный макет или автоматический макет. Под компоновкой в данном случае подразумевается как распределяется ширина таблицы между шириной ячеек. Свойство не наследуется.

table-layout

Значения:

• auto - Значение по умолчанию. Ширина макета таблицы определяется шириной её содержимого с учетом значений свойств padding-left, padding-right, border-left width плюс одна ширина border-right последней ячейки в ряду, или заданной шириной ячеек и толщиной рамки. Если ширина ячеек не задана явно, они могут быть разной ширины.
• fixed - Свойство сработает только в том случае, если для таблицы задана ширина. Ширина ячеек будет одинаковой, а содержимое ячеек, которое не помещается в ячейку, будет наползать под содержимое соседней ячейки.
• initial - Устанавливает значение свойства в значение по умолчанию.
• inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

table {table-layout: fixed;}

Продолжение в следующей статье!