table－table 与 td 边框重叠问题

最新推荐文章于 2022-07-01 11:38:08 发布

nirvana2148

最新推荐文章于 2022-07-01 11:38:08 发布

阅读量6k

点赞数 1

文章标签： table border aptana zend firefox ie

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/nirvana2148/article/details/6451325

版权

table－table 与 td 边框重叠问题

(2010-11-02 17:46:55)

标签：

table

td

border

边框

重叠

it

分类： HTML技巧经验

<table>
<tr>
<td>

<table style="border:1px solid red;">
<tr>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
</tr>
</table>

</td>
<td>

<table style="border:1px solid red;border-collapse:collapse;">
<tr>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
<td style="border:1px solid blue;"> </td>
</tr>
</table>

</td>
</tr>
</table>

FF 结果如下：

table 与 td 边框重叠问题

左边是未指定 border-collapse 的（默认为 separate）。
右边是指定了 border-collapse 为 collapse 的。

IE 结果如下：

IE 中 table 与 td 边框重叠问题

左边是未指定 border-collapse 的（默认为 separate）。
右边是指定了 border-collapse 为 collapse 的。

兼容性

可以看出在发生重叠时，Firefox 是用 td 覆盖 table 的，而 IE 是用 table 覆盖 td 的。

表格线常见问题：

1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]

2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]

3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]

2

顶

阅读 (324) ┊ 评论 (0) ┊ 收藏 (0) ┊ 转载 (0) ┊ 顶 ▼ ┊ 打印 ┊ 举报

已投稿到：	排行榜圈子

前一篇： 3389突破连接限制

后一篇： Zend Studio中安装Aptana及几个配置说明

来源： http://blog.sina.com.cn/s/blog_51a5e5f40100mx9z.html

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
table－table 与 td 边框重叠问题

table－table 与 td 边框重叠问题(2010-11-02 17:46:55)转载标签：tabletdborder边框重叠it分类：HTML技巧经验
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。