HTMLテキストオーバーフローの2つの一般的な解決策は省略記号を表示することです

ディスプレイ: -webkit-box;
            ディスプレイ: -moz-box;
            空白: 事前ラップ;
            単語折り返し: 単語を区切る;
            オーバーフロー: 非表示;
            テキストオーバーフロー: 省略記号;
            -webkit-box-orient: 垂直;
            -webkit-line-clamp:2; /*行数を表示*/

$(".text").each(関数() {
    if ($(this).text().length > 20){//単語数を置き換える前に単語数が 20 より大きくなければなりません$(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...")
        // 0 から 80 まで置換を開始し、残りのテキスト コンテンツを "..." に置き換えます。
    }
})