Now that we've got cross-browser support for the
line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy.
-webkit-line-clamp soup method, which makes browser support for that pretty OK.
There is another way though, which is very clever and something I'd call a bonafide CSS trick. We somehow failed to … Read article
line-clamp property truncates text at a specific number of lines.
The spec for it is currently an Editor's Draft, so that means nothing here is set in stone because it's a work in progress. That said, it's defined as a shorthand for
block-overflow, the former of which is noted as at risk of being dropped in the Candidate Recommendation.… Read article
You want X lines of text. Anything after that, gracefully cut off. That's "line clamping" and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create stronger and more reliable grids from the elements that contain that text, as well as achieve some symmetric aesthetic harmony.
There are a couple of ways to get it done, none of them spectacular.… Read article