Как жестко задать высоту ячейки css

Аватар пользователя Алексей Алешин
Алексей Алешин
14 марта 2023

Высота ячейки таблицы определяется контентом, который она содержит. Однако можно жестко установить высоту с помощью свойства height и указать нужную величину в пикселях или процентах.

/* Высота ячеек в 30% от высоты строки */
td {
  height: 30%;
}

Можно задать высоту только для ячеек в определенном столбце или строке:

td:first-child {
  height: 100px;
}

Нужно еще помнить про содержимое ячейки. Если не хватит заданной высоты - текст может выйти за границу и результат будет некорректным для вас.

0 0