Приглашаем посетить
Гаршин (garshin.lit-info.ru)

CSS: СВОЙСТВА ТАБЛИЦЫ

CSS: СВОЙСТВА ТАБЛИЦЫ

table-layout Устанавливает или получает алгоритм обработки таблицы
TABLE {table-layout: fixed;}
Имеет два значения
  • auto - По умолчанию. Браузер самостоятельно вычисляет необходимые размеры таблицы
  • fixed - Браузер не учитывает содержимое отдельных ячеек при вычислении ширины таблицы и отдельных ячеек. Он использует значения ширины таблицы, ширины столбцов, рамок и расстояний между ячейками. Ширина столбцов таблицы вычисляется в следующем порядке:
    1. используя значение атрибута WIDTH элементов COL
    2. используя значение атрибута WIDTH элементов TD первого ряда таблицы
    3. если данные значения не установлены, то ширина столбцов вычисляется соответственно контенту ячеек

Примеры
Высота данной ячейки равна 35 пикселям. Так что содержимое в ячейку не влезает и обрезается
Минимальная Высота данной ячейки равна 150 пикселям. Так что текст в нее влезает и не обрезается

<table border="1" style="table-layout:fixed; width:450px">
<tr>
<td style="height:35px;background-color:#FFCC00">Высота данной ячейки равна 35 пикселям. 
Так что содержимое в ячейку не влезает и обрезается
<tr>
<td style="min-height: 150px; background-color:#09F">Минимальная Высота данной ячейки 
равна 150 пикселям. Так что текст в нее влезает и не обрезается
</td>
</tr>
</table>

Вернуться к содержанию