有没有办法阻止虚线边框合并？

Question

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

后来编辑:我已经tr直接应用了样式并得到了相同的结果.

Answer 1

你必须折叠border你的table元素，所以摆脱它并使用border-collapse: separate;withborder-spacing: 1px;代替

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

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

演示

演示2 （当边框为 时查看角点collapsed）