相关疑难解决方法(0)

如果我给一个元素的所有子元素white-space: nowrap，空白不会在 webkit 中应该出现的元素之间中断（并闪烁）：

jsfiddle.net/VJyn2

.pairs {
    width: 180px;
    overflow: hidden;
}
.pairs > span {
    white-space: nowrap;
}

<div class="pairs">
    <span>
        <strong>bread:</strong>
        <em>crust</em>
    </span>
    <span>
        <strong>watermelon:</strong>
        <em>rind</em>
    </span>
    ...
</div>

CSS 的目的是将单词对保持在一起，但允许文本在<span>元素之间断开。这在 IE 和 FireFox 中按预期工作。

但是，在基于 Webkit 的浏览器（safari、chrome、opera）中，不是将太长的跨度推到下一行，而是被剪短。

这是 webkit 中的一个错误（并闪烁），对吗？有解决方法吗？