How to make a output TWO rows in the td cell, and then an ellipsis?

What you need: to cell contents cut off and remained the ellipse. Ideally 2 lines to be seen, and not just one.
What's wrong: when adding properties white-space and overflow: hidden, the cell is stretched by the contents, despite the fact that the width is fixed.
March 25th 20 at 13:44
1 answer
March 25th 20 at 13:46
Solution
CSS cross-browser cropping of the text with dots at the end and in a few lines — only a visual hack or specific property:
hackingui.com/front-end/a-pure-css-solution-for-mu...

This is a property, if that, with examples:
https://css-tricks.com/almanac/properties/l/line-clamp/

Property support browsers:
https://caniuse.com/#feat=css-line-clamp

Before Firefox did not support him, now supports, but only the latest version (68-I), which is bad. EDGE, starting from the 17th supports, which is not very good. IE, as always, in flight.

So make or hack visual or progressive enhancement with @supports, they say, if there is support for properties, with the points, if not — no points.

Or, if not CSS, then using JS. In the article about this too.

Find more questions by tags HTMLCSS