html - 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 零宽度空间，它是旧的 <wbr> 的字符级对应物浏览器在很大程度上已经被宠坏了(sad story)。

或者，您可以替换 <wbr>按该字符标记，您可以在 HTML 中将其写为 ​ .