line-clamp – обрезаем текст до нужного количества строк средствами CSS
11.02.2021 | Написав eugenem
Свойство css line-clamp усекает текст до определенного количества строк и ставит троеточие в случае превышение. В данный момент в разработке, но уже вполне можно применять. Пример использования:
display: -webkit-box; /* Включаем флексбоксы */ -webkit-box-orient: vertical; /* Вертикальная ориентация */ -webkit-line-clamp: 3; /* Число отображаемых строк */ overflow: hidden; /* Обрезаем всё за пределами блока */ |
Рубрика: Веброзробка
Коментарі читачів статті "line-clamp – обрезаем текст до нужного количества строк средствами CSS"
Немає коментарів.