wbr标签在IE中不起作用

Question

软中断似乎不适用于IE.有没有其他选择或如何使其工作？

http://fiddle.jshell.net/88q54/1/

body {
font-size: 272px;    
}


<div>W<wbr/>o<wbr/>r<wbr/>d</div>

我希望"单词"在不适合窗口宽度时易碎.这项工作包含在webkit和mozila中,但不在IE(10/11)中.

我知道,对于破碎的单词,我可以使用css word-break:break-all;

但我希望能够在这个词的某个位置放置软休息,所以css word-break对我来说不能正常工作.

Answer 1

将以下内容添加到样式表中:

wbr:after { content: "\00200B"; }

这会插入U + 200B ZERO WIDTH SPACE,它是<wbr>浏览器在很大程度上被破坏的好旧版本的字符级对应物(一个悲伤的故事).

或者,您可以用<wbr>该字符替换标记,您可以用HTML编写​.