Все мы знаем, что с помощью свойства
text-overflow: ellipsis; можно добавить троеточие к одной строчке, которая выходит за пределы контейнера. Но также с помощью свойства -webkit-line-clamp мы можем обрезать несколько строк текста!Для его использования нужно также установить два нестандартных свойства:
display: -webkit-box; и -webkit-box-orient: vertical;Обратите внимание, что без добавления
overflow: hidden; содержимое не будет обрезано, но многоточие все равно будет отображаться после указанного количества строк.