分词在 FF 和 IE 中不起作用

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;，它只会打断句子，这意味着单词 accessibility 可以打断成

access
ibility

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

accessibility

我在这里创建了一个 JSFiddle。

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

希望对你有用。