Html wbr标签不'；我不在IE工作

软中断似乎在IE中不起作用。是否有其他选择或如何使其起作用

正文{
字号：272px；
}
单词

我希望“单词”在不适合窗口宽度时是易碎的。这项工作是用webkit和mozila包起来的，但没有用IE（10/11）包起来

我知道，我可以使用css单词break:breakall

---

但是我希望能够在单词的特定位置放置软中断，以便css单词中断不能正确地为我工作。

在样式表中添加以下内容：

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

这将插入U+200B零宽度空间，这是浏览器基本上破坏了的旧

的字符级对应物（a）

或者，您可以用该字符替换

标记，您可以将该字符作为

​
朱卡是个不错的选择。但是，在下面的情况下，最好允许用户复制文本，这是一个电子邮件地址。在这种情况下，
​字符不能潜入字符串。因此，必须采用不同的解决方法，使用多个内联元素（例如
或
）和
显示：内联块

在本例中，
标记围绕着以
结尾或以
@
开头的电子邮件地址组件

.wbr-i-container i {
  display: inline-block;
  font-style: inherit;
}

<a class="wbr-i-container"
><i>FirstName.</i
><i>MiddleName.</i
><i>LastName</i
><i>@company.</i
><i>com</i
></a>

.wbr-i-container i{
显示：内联块；
字体风格：继承；
}
名字，中间名。LastName@company.com

用于简洁易读，而
在语义上是正确的

适用于当前版本的Chrome、Firefox、IE和Safari。
css wordwrap:break word；当单词超出字符超出限制位置的宽度时，InterNet Explorer会打断该单词。wbr不能用于断词。它在nobr块中用来断句，而不是像他们经常说的那样——“不要被添加”
​可能出现分词的位置。在我的例子中，在下划线（
）之后。在IE11和Chrome 42wbr中工作完美：after似乎不适用于IE11，因为我相信它会被视为一个空标签。根据这篇文章：大多数浏览器不会为空标记实现：after。如果插入
\u200b
字符，也可以用于截断的工具提示
.wbr-i-container i {
  display: inline-block;
  font-style: inherit;
}

<a class="wbr-i-container"
><i>FirstName.</i
><i>MiddleName.</i
><i>LastName</i
><i>@company.</i
><i>com</i
></a>