table去掉td重复的边框_table－table与td边框重叠问题

同时用样式表为 table、td 指定了边框后&＃xff0c;可能会发生重叠&＃xff0c;这取决于 border-collapse。

FF 结果如下&＃xff1a;

左边是未指定 border-collapse 的(默认为 separate)。

右边是指定了 border-collapse 为 collapse 的。

IE 结果如下&＃xff1a;

左边是未指定 border-collapse 的(默认为 separate)。

右边是指定了 border-collapse 为 collapse 的。

兼容性

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

表格线常见问题&＃xff1a;

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

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

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