ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで改行を越えるテキストを設定する方法

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

青灯夜游
青灯夜游オリジナル
2021-12-14 15:19:3613577ブラウズ

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

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

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

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

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

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

解決策:

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

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

結果は次のとおりです:

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。