Word中斷在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;只打破了一句意味深長，這意味着這個詞無障礙可以打入

訪問
ibility

但如果我們用white-space: pre-wrap;它會總是給你

輔助功能

這裏我創建了一個JSFiddle。

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

希望它能爲你工作。