HTML5のリファレンスサイトです。


<wbr>

改行してもいい位置に挿入します。
<br>と違い、必ず改行されるわけではなく、
日本語は領域右端で自動的に改行されますが、英語等は単語中では自動改行されませんが、
<wbr>挿入位置では改行される可能性があります。

英語等は単語中では自動改行されないと言うのは、
英語は単語間がスペースで区切られ、通常は単語中では改行されません。
つまり、半角英字が長く続いた場合、右端で自動的には改行されません。

HTML5から導入された要素ですが、古いブラウザでも機能します。



abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>abcde<wbr>

実際の表示
abcdeabcdeabcdeabcdeabcdeabcdeabcdeabcdeabcde


ウインドウサイズを小さくしてはみ出すようにすると、
<wbr>挿入位置以外では改行されないのがわかります。

[編集]   [AD]
rentafree.net