Chrome + Lucida Grande +自动换行

Question

我有一个奇怪的风格组合，只会导致Chrome出现问题。 我把一个小提琴放在一起展示问题： http ： //jsfiddle.net/C3CbF/1/

当然，如果您安装了Lucida Grande字体，这只会起作用 - 否则它们看起来会一样。 但是如果你有Lucida Grande，你会注意到第一张表中的“测试”中的最后一个“t”，仅在Chrome中（可能只在Mac上 - 我还没有测试过PC），分解为秒虽然第二张表很好。

所以，我的问题是，没有删除任何样式（如自动换行或字体），有没有办法让这不破坏（或，适当地打破）？

另请注意， white-space: nowrap在这种情况下不起作用，因为如果长度超过300px，我会喜欢单个单词（就像URL的情况一样）。

Answer 1

我没有Lucida Grande字体，但我知道[no]包装文本的最佳跨浏览器解决方案。 看一下这个：

.nowrap {
    -webkit-white-space: nowrap;
    -khtml-white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    white-space: nowrap;

    word-wrap: normal;

    -webkit-word-break: keep-all;
    -khtml-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;
}

查看更多： http ： //jsfiddle.net/iegik/ymSse/