​​CSS свойство webkit-line-clamp.

Ограничивает текст заданным числом строк, при превышении текст обрезается и в конце добавляется многоточие.

p {
 -webkit-line-clamp: 3
}

#css