How to hide text outside of a block?

Question

css

How can I make it so that only 3 lines of text fit and the rest is cut off? I tried to set overflow and max-height, but it got cut off a bit. I would like to do it regardless of the text size.

Answer 1

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

Answer 2

the approach is correct, as far as I know, there are no ways to limit the block by the number of lines, you can only choose the max-height. Just max-height needs to be selected for a reason: you need to set the text to line-height, and calculate max-height as line-height*N, where N is the number of lines

Answer 3

text-overflow: ellipsis