Multiple lines of text overflow display ellipsis

-webkit-line-clampUsed to limit the number of lines of text displayed in a block element, note: This is an unsupported attribute (WebKit property) and it does not appear in the draft CSS specification.

To achieve this effect, it needs to combine other WebKit properties.

Overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;

This property is more suitable for browsers WebKit browsers or mobile (mostly WebKit cores).

Cross-Browser compatible scenarios

A relatively simple way is to set the relative positioning of the container height, with the inclusion of ellipses (...) Implementation of elemental simulation;

Multiple lines of text overflow display ellipsis