现在的位置: 首页 > 综合 > 正文

网页中防止表格被撑破的css代码

2013年06月21日 ⁄ 综合 ⁄ 共 324字 ⁄ 字号 评论关闭

按照网上大多数文章的说法,只要在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;

}

抱歉!评论已关闭.