ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。