table-table 与 td 边框重叠问题

table-table 与 td 边框重叠问题

(2010-11-02 17:46:55)
转载
标签:

table

td

border

边框

重叠

it

分类: HTML技巧经验














       











       


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

你可能感兴趣的:(table-table 与 td 边框重叠问题)