CSS — truncate multiple line to certain line end with …

There is a requirement that need to truncate the multiple line sentences to 4 line, with a … at the end.

Here is the example.

Here is the expectation.

Here are the css to achieve this. We can change 4 to any number.

display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 4; 
overflow: hidden;

Example truncate to 2 line