解決策は次のとおりです。
CSSコード:
表示: -webkit-box; 空白: ワードラップ: 区切り文字; テキストオーバーフロー: 垂直; webkit-line-clamp:2; /*行数を表示*/方法 2: jQuery を使用してテキスト コンテンツをインターセプトし、置き換えます。
解決策は次のとおりです。
jsコード:
$(.text).each(function() { if ($(this).text().length > 20) {//単語数を置換する前に単語数が 20 より大きい必要があります $(this).html($ (this).text().replace(//s+/g, ).substr(0, 80) + ...) //0 から 80 まで置換を開始し、残りのテキスト内容を... }})上記 2 つの方法は、テキストコンテンツのクラス名に適用できます。
要約する上記は、HTML テキストがオーバーフローする場合の一般的な 2 つの解決策です。ご質問があれば、編集者から返信させていただきますので、お役に立てれば幸いです。時間。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！