CSS implementation div Inside the text display two lines, beyond the two lines part of the ellipsis display

In the construction of the foreground article list, you need to implement the div inside the text display two lines, beyond the ellipsis display.

Looking for a lot, it seems that only one line display. Finally in Baidu know to find the answer.

The answer to Baidu know, the title of the Master's self-answer.

The-webkit-private attribute is used.
Text-overflow:-o-ellipsis-lastline;
Overflow:hidden;
Text-overflow:ellipsis;
Display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

Another answer is through jquery.
Download jquery plugin: jquery ellipsis plugin
Call Method:
$ (document). Ready (function () {
$ ('. Ellipsis '). ellipsis ();
}

CSS implementation div Inside the text display two lines, beyond the two lines part of the ellipsis display