HTMLで改行を越えるテキストを設定する方法

HTML では、word-wrap、word-break、および overflow 属性を使用して、改行を超えるテキストを設定できます。「word-wrap:break-word;word-break:break-all」を追加するだけです。 ;overflow:" をテキスト要素に追加します。hidden;" スタイル。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

今日、図に示すような問題が発生しました:

これにより、エフェクトが非常に見苦しくなります。理想的な状態は次のとおりです。 div 内のコンテンツが div の幅を超える場合、コンテンツは折り返されて表示されます。

解決策:

まず、div に幅があることを確認してから、CSS スタイルを追加する必要があります。コードは次のとおりです:

word-wrap:break-word; 
word-break:break-all; 
overflow: hidden;

結果は次のとおりです:

これにより、希望する効果が得られます。

推奨チュートリアル: 「html ビデオ チュートリアル 」

以上がHTMLで改行を越えるテキストを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。