单元间距仅在单元间

Question

我如何使用单元格间距，以便在单元格之间只有空间，而不是在行外。

NO SPACE HERE | CELL | SPACE HERE | CELL | NO SPACE HERE

我不能用垫子，因为我有背景。和我为什么不能使用透明边框的原因一样。

有解决办法吗？内联CSS也只是(它是一封电子邮件)。

Answer 1

基本上，您需要将border-spacing: (x)px、margin: (-x)px)和width: calc(100% + (columns * x)px)结合起来。

示例：

<table style="width:calc(100% + 8px);border-spacing:4px;margin:-4px">
<tr>
    <td>1</td>
    <td>2</td>
</tr>
<tr>
    <td>3</td>
    <td>4</td>
</tr>
</table>

JSFiddle：https://jsfiddle.net/mrmills/zoqhdb0z/