做文章系統(tǒng)時, 如何讓長篇的文章自動換行 
這個問題曾經(jīng)有很多人提及的，根據(jù)網(wǎng)上的解決方法可是導致英文詞語被拆散換行 

網(wǎng)上大多數(shù)文章的說法，只要在CSS中加入： 
table { 
table-layout:fixed; 
word-break:break-all; 
word-wrap:break-word; 
} 
div { 
word-break:break-all; 
word-wrap:break-word; 
}

就可以解決表格和層被撐破，最初我也是這樣做的。不過這樣的代碼會造成一個問題，你會發(fā)現(xiàn)英文詞全部被截斷了，這不符合英語的書寫習慣也不利于閱讀。 
后來我發(fā)現(xiàn)上述代碼改寫一下就可以做到既防止表格/層撐破又防止單詞斷裂了。 
如下： 
table { 
table-layout: fixed; 
word-wrap:break-word; 
} 
div { 
word-wrap:break-word; 
} 

最新評論