CSS | line-clamp
Свойство CSS -webkit-line-clamp позволяет ограничить содержимое контейнера блока указанным количеством строк
Нам, чтобы им пользоваться, надо прибегнуть к старой реализации flexbox, применив свойства display: -webkit-box и -webkit-box-orient: vertical.
Свойство CSS -webkit-line-clamp позволяет ограничить содержимое контейнера блока указанным количеством строк
Нам, чтобы им пользоваться, надо прибегнуть к старой реализации flexbox, применив свойства display: -webkit-box и -webkit-box-orient: vertical.
.card-description {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
Описание карточки отобразит только 3 строки