45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:有什么样的技巧能够在网页中防止表格被撑破?

有什么样的技巧能够在网页中防止表格被撑破?

2016-08-24 21:09:13 来源:www.45fan.com 【

有什么样的技巧能够在网页中防止表格被撑破?

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

本文地址:http://www.45fan.com/bcdm/67132.html
Tags: 网页 表格 防止
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部