Минимальная высота блока при webkit-line-clamp: 3 

у меня есть код

font-size: inherit !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;

а как сделать минимальную высоту в 3 строки еще?
Николай
Николай
  1. задайте line-height
  2. и минимальную высоту min-height: calc(1.4em * 3);

пример для вашего блока:

font-size: inherit !important;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

min-height: calc(1.5em * 3);

line-height: 1.5; /* обязательно укажите */

transition: all .3s ease;

Ответить
guest
Другие сообщения форума
Закрыть меню