扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、td 的边框和table 的边框重叠
.table { border-left:1px solid #dedede; border-top:1px solid #dedede;}
.td { border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
table 只用左边框和上边框，每个td只有右边框和下边框，效果就是整个表格左、上边框是连续实线，右、下边框是延续td的边框所以是断断续续的
解决方法：
.table {border:1px solid #dedede; border-collapse:collapse;}
.td {border:1px solid #dedede; } 橘色字体是关键，边框设置也不用分上下左右了，重叠的话会一个覆盖另一个
firefox中：td的border覆盖table 的，IE中table 的border覆盖td的，我这里border颜色一样，无所谓了
表格线常见问题：
1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]
2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]
3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]
4.border-collapse有两个属性，separate 和 collapse 。
separate是默认属性，表格边框默认有1px 的间隙，在表格排版时代，设置好表格背景色，我们曾用它来挤出版块的外边框；
collapse，是将表格边框的间隙去掉，这样给表格的td边框赋值时就不会产生双线框了。
Demo：没有设置collapse属性的双线表格
创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网