Clamps (ie. cuts off) an HTML element's content by adding ellipsis to it if the content inside is too long.
While you can only truncate single lines with CSS by using text-overflow
, this small JavaScript library also allows truncating text after multiple lines.
Please note:
line-height
set in pixels. A relative value will not work.-webkit-line-clamp
Show archive.org snapshot
CSS property, but that won't work in Firefox let alone IE.