-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 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.
Grammar:
-webkit-line-clamp:<number>
Default value:?? is unclear;
Applies To: Block element
Inheritance: None
Animation: No
Calculated value: The specified value
Value:
<number>:
The number of lines of text displayed by the block element.
* CSS3 new properties may be described errors and changes, for reference only, continuous update
Compatibility:
CSS-Implemented text filtering-webkit-line-clamp