<wbr> | HTML5タグ辞典

<wbr>

wbr要素は、通常は自動改行されない文字列(英単語やURLなど)に対して、自動改行の位置を指定するための要素です。

この説明では分かりにくいと思うので、下記の例をご覧ください。

wbr要素を使わない場合

URLのテキストを記述。外側のdiv要素には枠線を表示し、幅を180pxに指定しています。

https://www.xxxx.com/sample.html

表示

スペースのない連続した半角英数字は自動で改行されないので、枠をはみ出してしまっています。

wbr要素を使用した場合

URLの途中にwbr要素を追加しました。

https://www.xxxx.com/sample.html

表示

wbr要素が記述されている箇所で自動改行しています。

wbr要素を使用しても、下記のように枠内に収まっていれば改行はされません。