防止表格被撑破

2004年8月24日星期二 22:59, bob, 技术随笔, 评论(0), 阅读(6595)
| |
这个问题曾经有很多人提及的,后来在早期的版本里我也解决过,可是导致了英文词语被拆散换行,所以在做新的模板时没有加上控制此项的一些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;
}


这也是现在我用的代码。


Powered by Bo-Blog 2.1.1 RC1Code detection by Bug.Center.Team
沪ICP备05032643号

© 2008 博睿智 Marshal Design Bo-blog offcial theme