line-clamp – обрезаем текст до нужного количества строк средствами CSS

11.02.2021 | Написал

Свойство css line-clamp усекает текст до определенного количества строк и ставит троеточие в случае превышение. В данный момент в разработке, но уже вполне можно применять. Пример использования:

display: -webkit-box; /* Включаем флексбоксы */
-webkit-box-orient: vertical; /* Вертикальная ориентация */
-webkit-line-clamp: 3; /* Число отображаемых строк */
overflow: hidden; /* Обрезаем всё за пределами блока */
Метки:
Комментарии читателей статьи "line-clamp – обрезаем текст до нужного количества строк средствами CSS"

Нет комментариев.

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.