StrangeAttractor
@StrangeAttractor

Как зафиксировать минимальную высоту DIV в количестве строк?

Есть DIV некой фиксированной ширины и нефиксированной (свободно меняющейся в зависимости от объёма содержимого) высоты. Количество текста, которое может в нём оказаться заранее неизвестно, это может быть и одна строка, и десять или больше. Надо сделать так, чтобы в случаях, когда строк оказывается меньше пяти, высота дива оказывалась точно такой же, как когда там пять строк текста. Any ideas?
  • Вопрос задан
  • 3045 просмотров
Пригласить эксперта
Ответы на вопрос 4
@GreatRash
div {
  font-size: 14px;
  line-height: 1.3; /* надо обязательно задать line-height, ибо по умолчанию он хз какой будет */

  height: 19.5em; /* допустим нам надо 15 строк текста: 15 * 1.3 = 19.5 */
}
Ответ написан
alfaslash
@alfaslash
frontend-developer
min-height: line-height * 5;
Ответ написан
haiku
@haiku
Поддерживаю ответ выше - em.
Кроме того, если юзаете какой-нить LESS или SASS, то можно задать какой-нить
@line-height: 123px
и затем уже применить это дело к min-height: @line-height;
Ответ написан
trushka
@trushka
div:before {width:0; float:left; visibility:hidden; content:'1 2 3 4 5'/*5 символов (для верности через пробел)*/}
div:after {clear:both; display:block; content:''}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы