Html 在Chrome中呈现为破折号的表格中相邻列中的CSS虚线边框问题

当我在Chrome和Firefox中运行这段代码时，两者显示边框的方式都不同。我在Chrome中看到相邻单元格之间有一个破折号，而在Firefox中，它的渲染没有任何破折号。如何解决此问题？

您可以将单元格之间和边框点之间的水平边框间距设置为偶数像素

例如：

---

你不能通过修改桌子的样式来“修复”它，这些圆点是通过镀铬来解释的。这只是浏览器的限制。

如果第一个单元格的宽度使边框以一个点结束，而下一个单元格的边框以一个点开始，则显示一个“破折号”，这两个点相邻。您可以强制第一个单元格的宽度与一个点的宽度的不均匀倍相匹配，使其始终以无点结束。做第一个td

width:40px

你就会明白我的意思了。@bazz我把width应用到了40px，但我没有看到任何变化。@varunvs，看看

边框间距

与解决方案有什么关系？再多一个或两个像素就可以产生不同效果了。不过，如果每行都有背景色，然后将每个细胞分开，在它们之间留下一个明显的间隙。