软中断似乎在 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 对我来说不能正常工作。
最佳答案
将以下内容添加到您的样式表中:
wbr:after { content: "\00200B"; }
这会插入 U+200B 零宽度空间,它是旧的 <wbr>
的字符级对应物浏览器在很大程度上已经被宠坏了(sad story)。
或者,您可以替换 <wbr>
按该字符标记,您可以在 HTML 中将其写为 ​
.
关于html - wbr 标记在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23756932/