パソコンQ&A

<wbr>について

wbrは『Word BReak』の略です。
改行しても良い位置を指定するタグです。
HTML4.01 では採用されていないので、基本的にInternetExplorerとNetscape Navigatorだけです。
<nobr>と</nobr>の間で使うのが正しい使用法ですが、それ以外でも動作するようです。
<nobr>きょうのてんきは</nobr><nobr>はれです</nobr>
とする手もあり。
ただしこれより幅が狭くなると改行されないので危険。
&#8203;や&shy;を使用する方法もある。

Windowsではコピー&ペーストすると『-』(&shy;)や『?』(&#8203;)になります。

[参考記事] &nbsp;と&shy
[参考記事] 半角スペースと&nbsp;の違い
Windows
 IENetscape7.1FireFoxOpera8
<wbr>5.5以降×
機能しないときの不具合は特になし。表示されないだけ
&#8203;
不具合は特になし。
&shy;○『-』××○『-』
改行時にハイフン『-』が表示されます。

Mac
 MacIE5.2Netscape7.1FireFoxSafari1.3Opera8
<wbr>××
機能しないときの不具合は特になし。表示されないだけ
&#8203;×『<』○『<』○『スペース』○『スペース』
『<』または『スペース』が改行以外にも表示される。
&shy;×『-』××○『-』○『-』
改行時にハイフン『-』が表示されます。MacIEは改行されずに『-』が出ます。

スタイルシートでword-wrap:break-wordというのがあるが、これはIE5.5以降(たぶん機能的に<wbr>と同じ)。


テストページ


このページはリンクフリーです。設定などは自己責任で…
Copy Right kikky

kikky.net