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

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

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

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

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

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

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

0 0
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»