當前位置：
首頁 >
css兼容性 table 与 td 边框重叠问题
發布時間：2023/11/21
63
生活家
生活随笔
收集整理的這篇文章主要介紹了
css兼容性 table 与 td 边框重叠问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<table>
<tr>
<td>
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
FF 結果如下：
- 左邊是未指定 border-collapse 的（默認為 separate）。
- 右邊是指定了 border-collapse 為 collapse 的。
IE 結果如下：
- 左邊是未指定 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;解決]
總結
以上是生活随笔為你收集整理的css兼容性 table 与 td 边框重叠问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信公众号开发提示redirect_ur
- 下一篇： 腾讯云Windows云服务器数据盘分区和