I am calling few sentences from a JSON file and append it in a
Thank you all for another magical night spent together
this last sunday at The Hippodrome in Baltimore.Thank yo...
If you are single line, use
text-overflow:ellipsis attributes to achieve a single line of text to display an ellipsis (overflow
…). Of course, some browsers also need to add
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
If it is a multi line, use WebKit CSS extended attribute (WebKit is private property)
-webkit-line-clamp;. Attention: WebKit browser or mobile terminal (the majority is a WebKit based browser) page are easy to be implemented in the: This is a non-standard attribute (unsupported WebKit property) the, it does not appear in the draft of the CSS specification.
-webkit-line-clamp is used to limit the number of rows in a text displayed by a block element. In order to achieve this effect, it needs to be combined with other WebKit attributes.
Common binding properties:
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;