div内のテキストコンテンツのオーバーフローを解決する方法

div 内のコンテンツを編集すると、オーバーフローが発生することがあります。このような場合はどうすればよいでしょうか?この記事では、主に p でのテキスト コンテンツのオーバーフローに関する一般的な解決策を紹介します。非常に良い基準値を持っています。ぜひ一緒に学びましょう。

テキストコンテンツの長さの不確実性とページレイアウトの固定性により、テキストのオーバーフローが頻繁に発生します。解決策は次のとおりです。

1: テキスト親コンテナの幅と高さを指定します。 :overflo: "hidde" を超えて設定します

-----欠点は、テキストの最後の行が完全に表示されないことが多いことです。1 行の表示のみを制御する場合に使用することをお勧めします。テキスト

2: css+p でテキストオーバーフローを防ぎ、余分な部分が省略記号になり、行が表示されます。 -text-overflow: ellipsis; overflow: hidden;

-- ----欠点は、Firefox ブラウザーでは非表示にする必要があるページがあまりないことです。使用方法

3: jQuery を使用して文字数を制限する

$(document).ready(function(){
//限制字符个数
$(“.word_overflow”).each(function(){
var maxwidth=23;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});
});

関連する推奨事項:

オーバーフロー 非表示: CSS を使用したコンテンツ オーバーフローの問題に対する最も包括的な解決策

コンテンツ オーバーフローの概要CSSフローティングによる問題とそのフローティングを解除するMethod_jquery

以上がdiv内のテキストコンテンツのオーバーフローを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。