>> HTML講座 >> 文字をいじってみよう！

３

 文字をいじってみよう！

応用.gif (3239 バイト)

６．

 改行候補を示す
NE3 NE4 NE6 IE3 IE4 IE5 IE6 　

一つ前で改行しない<NOBR>〜</NOBR>をやったけど、その中で使う次のタグは改行候補を示すんだ。

<NOBR>〜<WBR>〜</NOBR> 　　　・・・・改行候補を示す

<NOBR>〜</NOBR>は改行しないというマークだったね。
基本的にはそういう機能を持っているんだけど、<WBR>を<NOBR>の間に入れてやろう。
ここでなら改行してもいいよっていってるんだ。
つまり、ブラウザの表示領域をはみ出しそうだったら改行して、そのまま続けられそうだったら改行しなくていいということなんだ。
例えば普通のサイズで見ている状態からブラウザのサイズを小さくしたりした場合、
普通なら<NOBR>のおかげで、ブラウザが小さくなった分スクロールバーをたくさん動かさないといけなくなるよね。
けど<WBR>を使うと、<WBR>の場所でうまく改行してくれるんだ。
もちろん、大きい画面で一行でおさまる場合は<WBR>があっても改行されないよ。

　SOURCE
<HTML>
<HEAD>
<TITLE>改行候補</TITLE>
</HEAD>
<BODY>
<NOBR>
普通なら全ての文字が横に並ぶけど<WBR>ここの文字と<WBR>ここの文字は場合によって改行される。<WBR>画面の大きさをいろいろ変えて実験してみてね。
</NOBR>
</BODY>
</HTML>

じゃあ、サンプルを見てみよう。

　RESULT

<WBR>を使った場合
　　　　　　　　←<WBR>を入れたところで必要に応じてうまく改行される

<WBR>を使わない場合
　　　　　　←ブラウザの大きさに関わらず、改行されずに表示される

　

back.gif (1116 バイト)　改行しないで表示したい
next.gif (705 バイト)　文字を思いどうりに表示したい