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/

Chrome + Lucida Grande +自动换行

1 个答案: