表中的Safari bug与边界点缀

Question

这是在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;
}

Answer 1

添加

table th {
    border-bottom: none;
}

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