如何删除 HTML 电子邮件中两个表格之间的空格？答案

【问题标题】：How do I delete space between two tables in HTML email?如何删除 HTML 电子邮件中两个表格之间的空格？
【发布时间】：2012-04-17 10:22:40
【问题描述】：

您可以在此处查看示例：http://jsfiddle.net/8EHED/8/

这是一个棘手的问题，因为我不得不使用两个表格，因为这两个表格的每一行都没有匹配的单元格（否则，这将是一个表格）。

每个表格有 4 列，但单元格从一行到下一行的宽度不匹配。然而，遗憾的是，堆叠的表格之间的空间很小，当我将此示例作为新电子邮件粘贴到 Thunderbird 并将其发送到 Gmail 时，这一点很明显。 Gmail、hotmail 和 Outlook 2010 显示了这个小空间。

有没有办法强制这两个表在它们之间没有空格的情况下堆叠，以便它像一个大图像一样呈现并在 Gmail 等中正确显示？

【问题讨论】：

【解决方案1】：

这实际上不是您的表格的样式问题，而是您的图像。您需要将style="display: block;" 放在所有图像上，否则它们会内联渲染并导致类似的小布局问题（在电子邮件中）

【讨论】：

【解决方案2】：

你试过吗？ table {margin:0;display:block}

【讨论】：