CSS natively provides a great property 'text-overflow' that allows you to truncate single-line text by hiding the overflowing strings and add an ellipsis to the end of the truncated text.
However, to this day, CSS does not have a straightforward property to deal with multi-line text truncation.
The Multi-line Text Truncation Plugins
Table of contents:
jQuery Multi-line Text Truncation Plugins:
dotdotdot is a smart and cross-browser jQuery plugin that truncates multiple line content to fit within your container and adds an ellipsis at the end of the text.
ellipsis.js is a responsive multi-line text truncation plugin that truncates your long text by a specific number of lines and adds "..." to the end of the word.
show-hide-text is a small jQuery based 'Truncate Text By The Number Of Characters' plugin which enables the users to show and hide long text with Read More and Read Less links.
fewlines is a jQuery plugin that clips the long text in a container to a specified number of lines with an ellipsis or custom toggle links.
text-overflow-ellipsis.js is a jQuery plugin for adding in client-side multi-line text overflow based on line number.
Vanilla JS Multi-line Text Truncation Plugins: