程序博客网 > 客户跟进系统源码

table－table 与 td 边框重叠问题

来源：互联网发布：客户跟进系统源码编辑：程序博客网时间：2024/06/01 10:27

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

客户跟进系统源码

客户跟进系统源码

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子西洋参作用与功效西洋参的功效和作用西洋参种子价格西洋参种子西洋参粉进口西洋参西洋参怎么吃枸杞西洋参泡酒西洋参作用西洋参枸杞茶西洋参胶囊人参玫瑰茶西洋参泡茶西洋参三七西洋参的食用方法西洋参能长期服用吗西洋参人参枸杞片血糖高可以吃洋参吗纽斯葆螺旋藻洋参片西洋参和花旗参的区别西洋参是花旗参吗孕妇能喝花旗参汤吗小孩能吃花旗参吗鹰牌无糖花旗参茶价格孕妇能喝花旗参乌鸡汤吗怀孕能喝花旗参乌鸡汤吗孕妇可以喝花旗参汤吗西洋参是不是花旗参咳嗽可以喝花旗参汤吗高血压能吃花旗参吗来月经可以吃花旗参吗怀孕可以喝花旗参乌鸡汤吗孕妇可以喝花旗参鸡汤吗小洋口风景区小洋口风景区旅游远安洋坪洋妞洋妞p 洋妞15p 洋姜如何吃