Css ограничивает текст заданным числом строк.

Свойство line-clamp обрезает текст до определенного количества строк.

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

Но есть подвох в том что это решения не работает в старых браузерах но это очень просто решить библиотекой Clamp.js

Ну и сам пример: