html - wbr 标记在 IE 中不起作用

标签 html css internet-explorer

软中断似乎在 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 中将其写为 &#x200b; .

关于html - wbr 标记在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23756932/

相关文章:

css - Flexbox 在 Firefox 的按钮中不起作用

javascript - IE 上的图像加载事件

javascript - jQuery 函数在 Internet Explorer 中不起作用

javascript - 从 1 个输入更新两个表单输入

javascript - 为什么我的条件不满足?

javascript - 如何创建不受某些 css 样式影响的新 <li>

javascript - 在 IE 中使用 JS 调整图像大小时出错

python - 请指向正确的 webdev 工具

javascript - 使用内部页面引用隐藏/取消隐藏 HTML 中的元素

css - 按下后如何保持悬停颜色