表格中的 Safari 错误，边框点缀答案

【问题标题】：Safari bug in table with border dotted表格中的 Safari 错误，边框点缀
【发布时间】：2011-06-18 16:28:03
【问题描述】：

这是在 Safari 和 Chrome 中：

CSS：

TABLE {
    width: 100%;
    clear: both;
    border: 0px;
    border-collapse: collapse;
}
TABLE TH,
TABLE TD {
    padding: 10px;
    text-align: center;
    border: 1px dotted #898989;
}

【问题讨论】：

标签： html css safari

【解决方案1】：

添加

table th {
    border-bottom: none;
}

但是对于无法轻易禁用边框的更复杂的布局，您可以考虑使用单独的边框模型as answered here，因为 dotted 的重复像素图案可能会产生偏移（取决于起始位置），这可能会导致相邻单元格之间出现一条实线。

【讨论】：

谢谢，我要删除边框折叠，添加单元格填充和单元格间距（均为 0），为每个 td 添加边框右和底部，为每个 tr 和边框顶部的第一个单元格添加边框左桌子。那是工作！ :)
@demx 我假设您为此使用 :first-child。请注意，如果您使用多行跨度，tr 中的第一个 td 可能不在第一列中。