多线跨度表现得像一个块？

Question

我在div中设置两个跨度的问题.我需要确保第二个跨度与第一个跨度在同一行开始.我能够在Chrome中运行它:

但这是我在IE中得到的:

这是我的代码:

<div class="container">
  <span>7/2/2015</span>
  <span class="other">WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span>
</div>

.container {
    width: 200px;
}

.other {
    word-break: break-all;
}

http://jsfiddle.net/alexarg/7q92t9m0/

有没有办法让它至少在IE 10中运行？提前致谢.

Answer 1

这似乎是一个错误。根据规范：

\n\n

\n

此属性指定字母之间的软换行机会，即\n，其中 \xe2\x80\x9cnormal\xe2\x80\x9d 并允许断开文本行。

\n

\n\n

内联元素的软包装基于其块元素祖先的宽度。一般来说，这种情况发生在有空格或某些标点符号的地方。（在W中随意加一个感叹号或问号，就会断掉。）

\n\n

该word-break: line-break 规范规定两个字母之间可能会发生软包装，并且此属性适用于“所有元素”。然而，它似乎只适用于 IE 中的块级元素。

\n\n

word-break您可以通过移动到容器来解决这个特定问题：

\n\n

.container {\n  word-break: break-all;\n}\n

\n\n

小提琴

\n