按照網(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)英文詞全部被截?cái)嗔?，這不符合英語的書寫習(xí)慣也不利于閱讀。 

后來我發(fā)現(xiàn)上述代碼改寫一下就可以做到既防止表格/層撐破又防止單詞斷裂了。 
如下： 
代碼 

table { 
table-layout: fixed; 
word-wrap:break-word; 
} 
div { 
word-wrap:break-word; 
} 

最新評論