jQuery SmartEllipsis Plugin Examples
Download This Plugin Back To jQueryScript
A tiny responsive text truncation jQuery plugin that truncates long text snippets based on the container's height, adding an ellipsis to indicate continuation.
Multi-line
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo, vehicula sed fermentum et, congue at lectus. Aliquam volutpat consequat diam, non aliquet justo porta eget. Duis nec rutrum quam, eget faucibus magna. Nunc scelerisque sed nisi sit amet vehicula. Pellentesque luctus vestibulum risus, vel viverra ante. Proin non mattis dolor. Quisque quis ante non metus interdum varius sit amet at leo. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin commodo, tellus eu ullamcorper venenatis, turpis massa lacinia nisl, quis mollis ipsum erat ac lectus. Suspendisse in arcu consectetur, vulputate urna auctor, elementum est. Integer nec sem posuere, viverra magna a, hendrerit quam. Mauris ut volutpat nunc, ut gravida augue. Sed cursus, ipsum a pharetra dignissim, purus elit blandit est, quis dapibus velit lacus sit amet nunc. Sed vitae dui pellentesque, eleifend mauris sed, malesuada odio. Sed vel velit nulla.
Single Line
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo, vehicula sed fermentum et, congue at lectus. Aliquam volutpat consequat diam, non aliquet justo porta eget. Duis nec rutrum quam, eget faucibus magna. Nunc scelerisque sed nisi sit amet vehicula. Pellentesque luctus vestibulum risus, vel viverra ante. Proin non mattis dolor. Quisque quis ante non metus interdum varius sit amet at leo. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin commodo, tellus eu ullamcorper venenatis, turpis massa lacinia nisl, quis mollis ipsum erat ac lectus. Suspendisse in arcu consectetur, vulputate urna auctor, elementum est. Integer nec sem posuere, viverra magna a, hendrerit quam. Mauris ut volutpat nunc, ut gravida augue. Sed cursus, ipsum a pharetra dignissim, purus elit blandit est, quis dapibus velit lacus sit amet nunc. Sed vitae dui pellentesque, eleifend mauris sed, malesuada odio. Sed vel velit nulla.
word-wrap: break-words
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo, vehicula sed fermentum et, congue at lectus. Aliquam volutpat consequat diam, non aliquet justo porta eget. Duis nec rutrum quam, eget faucibus magna. Nunc scelerisque sed nisi sit amet vehicula. Pellentesque luctus vestibulum risus, vel viverra ante. Proin non mattis dolor. Quisque quis ante non metus interdum varius sit amet at leo. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin commodo, tellus eu ullamcorper venenatis, turpis massa lacinia nisl, quis mollis ipsum erat ac lectus. Suspendisse in arcu consectetur, vulputate urna auctor, elementum est. Integer nec sem posuere, viverra magna a, hendrerit quam. Mauris ut volutpat nunc, ut gravida augue. Sed cursus, ipsum a pharetra dignissim, purus elit blandit est, quis dapibus velit lacus sit amet nunc. Sed vitae dui pellentesque, eleifend mauris sed, malesuada odio. Sed vel velit nulla.
white-space: nowrap; word-wrap: break-words;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem leo, vehicula sed fermentum et, congue at lectus. Aliquam volutpat consequat diam, non aliquet justo porta eget. Duis nec rutrum quam, eget faucibus magna. Nunc scelerisque sed nisi sit amet vehicula. Pellentesque luctus vestibulum risus, vel viverra ante. Proin non mattis dolor. Quisque quis ante non metus interdum varius sit amet at leo. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin commodo, tellus eu ullamcorper venenatis, turpis massa lacinia nisl, quis mollis ipsum erat ac lectus. Suspendisse in arcu consectetur, vulputate urna auctor, elementum est. Integer nec sem posuere, viverra magna a, hendrerit quam. Mauris ut volutpat nunc, ut gravida augue. Sed cursus, ipsum a pharetra dignissim, purus elit blandit est, quis dapibus velit lacus sit amet nunc. Sed vitae dui pellentesque, eleifend mauris sed, malesuada odio. Sed vel velit nulla.