表格单元格中的非均匀虚线边框

Question

我已经border-bottom:1px dashed #494949;在HTML表的单行的几个连续单元格上应用了CSS ,但边框不统一.每个单元格末尾的破折号显得更短.虚线边框也不统一.我也在用border-collapse:collapse;

这是截图:

有什么方法可以得到统一的虚线边框吗？

Answer 1

浏览器在渲染虚线边框时有一些奇怪的地方。tr您可以通过删除单元格间距和单元格填充并在元素上而不是单元格上设置边框来对抗它们，例如

table { border-collapse: collapse; }
td { padding: 0; }
tr { border-bottom:1px dashed #494949; }

但这在 IE 9 上似乎仍然失败（在单元格连接处），并且旧浏览器会忽略表行上设置的边框。

考虑使用纯灰色边框。它始终如一地工作，并且可能在视觉上可以接受，甚至可能更好。