In the good old days, there existed a trick in webkit for clamping lines using pure css:
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
Though this syntax happily coexists with the display: -webkit-flex
syntax, in all modern webkit-based browsers, it is considered obsolete.
My question is:
How can I achieve line clamping in pure CSS and without the obsolete '-webkit-line-clamp'
trick?