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"

Немає коментарів.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.