按照網(wǎng)上大多數(shù)文章的說(shuō)法，只要在CSS中加入： 
代碼 

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


就可以解決表格和層被撐破，最初我也是這樣做的。不過(guò)這樣的代碼會(huì)造成一個(gè)問(wèn)題，你會(huì)發(fā)現(xiàn)英文詞全部被截?cái)嗔耍@不符合英語(yǔ)的書寫習(xí)慣也不利于閱讀。 

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

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

最新評(píng)論