Two common solutions to html text overflow display ellipsis characters

display: -webkit-box;
            display: -moz-box;
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp:2; /*Display number of lines*/

$(".text").each(function() {
    if ($(this).text().length > 20) {//Requires the number of words to be greater than 20 before replacing the number of words$(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...")
        //Start replacing from 0 to 80, and replace the remaining text content with "..."
    }
})