Question

我在IE和FF中遇到word-wrap: break-word;属性的问题。在Chrome中，文字看起来不错，如果它的父版本溢出Chrome会尝试按空格分割文字，如果它没有空格Chrome就会破坏所有字词：

但在IE和FF中，这条规则不起作用

我可以添加break-all，在这种情况下，浏览器会吐出联合词，但是对于有空格的单词看起来并不好看

Answer 1

实际上word-wrap: break-word;并不总是打破句子溢出的好方法。因为它打破了句子的单词，删除了单词的实际含义，或者更好地说它使其不可读。

因此，在使用word-wrap: break-word;时，请尝试考虑white-space: pre-wrap;只会有意义地破坏句子，这意味着辅助功能这个词可以分解为

访问权限

但是如果我们使用white-space: pre-wrap;，它总会给你

可访问

我在这里创建了一个JSFiddle。

p {word-wrap: break-word; white-space: pre-wrap;}

希望它对你有用。