您可以尝试添加分隔符行：

html格式：

<tr class="separator" />

css:

table tr.separator { height: 10px; }

执行上述操作。。。

table tr{ float: left width: 100%; }  tr.classname { margin-bottom:5px; } 

删除垂直列对齐方式，因此使用时要小心

因为我在桌子后面有一个背景图像，所以用白色填充来伪装是行不通的。我选择在每行内容之间放置一个空行：

<tr class="spacer"><td></td></tr>

然后使用css为间隔行提供一定的高度和透明背景。

您可以尝试添加分隔符行：

html格式：

<tr class="separator" />

css:

table tr.separator { height: 10px; }

.table {
 border-collapse: separate; 
 border-spacing: 0 1rem;
}

这很适合我在表格之间提供垂直边距/间距。参考：https://www.w3docs.com/snippets/css/how-to-create-space-between-rows-in-the-table.html

在父表中，尝试设置

border-collapse: separate; 
border-spacing: 5em;

再加上一份边境声明，看看这是否达到你想要的效果。不过，请注意，IE不支持“分隔边界”模式。