有没有办法可以防止虚线边框合并？

Question

我已将border:dashed 应用于我的表格单元格，并且在某些地方，破折号与其他表格单元格的破折号合并。见下图。有没有办法可以在不直接将样式应用于行的情况下防止这种情况发生？

后期编辑：我直接将样式应用到tr 并得到相同的结果。

Answer 1

你必须折叠你的table元素的border，所以去掉它并使用border-collapse: separate;和border-spacing: 1px;来代替

table {
    border-spacing: 1px;
    border-collapse: separate;
}

table tr td {
    border-bottom: 1px dashed #000;
}

Demo

Demo 2 （边框为collapsed时看边角）