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

Question

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

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

Answer 1

您必须折叠border元素的table，因此请将其删除并使用border-collapse: separate;代替<{1}}

border-spacing: 1px;

Demo

Demo 2 （边框为table { border-spacing: 1px; border-collapse: separate; } table tr td { border-bottom: 1px dashed #000; } 时查看角落）