-webkit-line-clamp Implementation Limit text display how many lines, superfluous use ...

-webkit-line-clamp is a non-canonical attribute (unsupported WebKit property) that does not appear in the draft CSS specification.

Limits the number of lines of text displayed in a block element. To achieve this effect, it needs to combine other foreign webkit properties. Common binding Properties:

display: -webkit-box;You must combine the properties to display the object as an elastic telescopic box model.

-webkit-box-orient You must combine properties to set or retrieve the arrangement of child elements of a telescopic box object.

Text-overflow, which can be used for multiple lines of text, use the ellipsis "..." to hide out-of-range text.

-webkit-line-clamp:<number>

Number of rows to display

-webkit-box-orient is horizontal by default and is vertically arranged when the value is set to vertical

CSS {

Overflow:hidden;
Text-overflow:ellipsis;
Display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

}

-webkit-line-clamp Implementation Limit text display how many lines, superfluous use ...