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