Как скрыть текст за пределами блока?

Question

[Wasya UK]

Как сделать так, чтобы помещалось только 3 строки текста, а остальное обрезалось? Попытался задать overflow и max-height, но немного обрезалось. Хотелось бы сделать независимо от размера текста.

Answer 1

[ElijahTr]

https://codepen.io/elijah_tr/pen/ZxypPr

Answer 2

[Sergey Epifanov]

подход верный, насколько я знаю, нет способов ограничить блок по кол-ву строк, можно только подобрать max-height. Проcто max-height нужно подбирать не просто так: надо задать тексту line-height, а max-height рассчитать как line-height*N, где N - кол-во строк

Answer 3

[Монти Пайтон]

text-overflow: ellipsis