logo

HTML でテキストを折り返す方法

HTML でテキストを折り返す場合は、以下に示す手順に従う必要があります。これらの手順を使用すると、誰でも Web ページに表示されるテキストを簡単に折り返すことができます。

ステップ1: まず、テキスト エディターに HTML コードを入力するか、テキストを折り返す既存の HTML ファイルをテキスト エディターで開く必要があります。

クズリ対アナグマ
 Wrap the text Hello User Your are at JavaTpoint Site . If we want to wrap the text in Html, then we have to follow the steps which are given on this page. 

ステップ2: さて、私たちは使わなければなりません ワードラップ 財産。したがって、title タグの直後の head タグの間にカーソルを置く必要があります。そして、次のブロックに示すように、タグ内にクラスとタグ セクターを定義する必要があります。

 Wrap the text div { width: 100px; border: 2px solid red; } div.class_name { word-wrap: normal; } 

ステップ 3: ここで、ラップしたいテキストの前にそのクラスを定義する必要があります。

 Any text which we want to wrap 

ステップ 4: そして最後に、ファイルを保存してブラウザで実行する必要があります。

 Wrap the text div { width: 100px; border: 2px solid red; } div.a { word-wrap: normal; } div.b { word-wrap: break-word; } Hello User Your are at JavaTpointSite.Ifwe want to wrap the text in Html then we have to follow the steps which are given in this page. <br> Your are at JavaTpointSite.Ifwe want to wrap the text in Html then we have to follow the steps which are given in this page. 
今すぐテストしてください

上記の HTML コードの出力を次のスクリーンショットに示します。

HTML でテキストを折り返す方法