网页中防止表格被撑破的css代码_应用技巧

按照网上大多数文章的说法，只要在CSS中加入： 

代码 

table { 

table-layout:fixed; 

word-break:break-all; 

word-wrap:break-word; 

} 

div { 

word-break:break-all; 

word-wrap:break-word; 

} 

就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部被截断了，这不符合英语的书写习惯也不利于阅读。 

后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。 

如下： 

代码 

table { 

table-layout: fixed; 

word-wrap:break-word; 

} 

div { 

word-wrap:break-word; 

}