Как ограничить количество строк c помощью CSS?
Есть такая возможность:
{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical;
}
line-clamp отвечает за количество строк и поодержка у него +95% можно прочитать больше вот тут https://caniuse.com/#search=line-clamp
{height: сколько-то em или ex (для разных шрифтов разное, но можно зафиксировать line-height); overflow: hidden;}. ellipsis не пройдёт, выйдет за пределы. Если текст точно выходит за пределы, то вешаете троеточие внизу справа по position:absolute; с внешним position: relative;.