舉個例子來說明：

使用： <wbr>, ​ and &shy; 的其中一個在有可能要分開的字符后面。瀏覽器就會按需要換行。

原始的代碼：

<div style="width:200px; border:1px solid #000000;">
 http://www.abcdef.com/aaaaa/bbbbb/ccccc/ddddd/eeeee/ffff/ggg/index.htm
</div>

使用<wbr>的html代碼

<div style="width:200px; border:1px solid #000000;">
 http:<wbr>/<wbr>/<wbr>www.abcdef.com/<wbr>aaaaa/<wbr>bbbbb/<wbr>ccccc/<wbr>ddddd/<wbr>eeeee/<wbr>ffff/<wbr>ggg/<wbr>index.htm
</div>

使用&#8203的html代碼

<div style="width:200px; border:1px solid #000000;">
 http:​/​/​www.abcdef.com/​aaaaa/​bbbbb/​ccccc/​ddddd/​eeeee/​ffff/​ggg/​index.htm
</div>

使用&shy;的html代碼

<div style="width:200px; border:1px solid #000000;">
 http:&shy;/&shy;/&shy;www.abcdef.com/&shy;aaaaa/&shy;bbbbb/&shy;ccccc/&shy;ddddd/&shy;eeeee/&shy;ffff/&shy;ggg/&shy;index.htm
</div>

參考的html代碼
<div style="width:200px; border:1px solid #000000;">
 123 456 789 123 456 789 123 456
</div>

把以上的代碼保存為html文件，就可以看到效果。特別是ie。

<wbr>, ​ 和 &shy;在ie和firefox通過。

&#8203在chrome通過。而<wbr> 和 &shy;沒有在chrome測試過。

注：沒有在中文環(huán)境下測試過。編碼使用的是utf-8。