html 电子邮件表格添加了填充或边距答案

【问题标题】：html email tables have added padding or marginhtml 电子邮件表格添加了填充或边距
【发布时间】：2014-05-04 16:42:54
【问题描述】：

我在编写电子邮件时遇到了 Outlook 2007/10 的问题。我在表格之间添加了填充/边距，但看不到它可能是什么。我有一张大桌子，里面有 3 张桌子，都左对齐。我会将它们放在单独的 td 中，但需要它们脱离 td 才能以我想要的响应方式工作。

我已将border-collapse:collapse 和border-spacing:0px 添加到每个表格中，并且所有单元格填充和间距都设置为0。我所有的代码都是内联的。这种差距不会出现在任何其他客户端中。

有什么想法吗？

附上我的表格图。

【问题讨论】：

【解决方案1】：

对齐（浮动）表格通常会导致几个像素的差距，尤其是在 Outlook 中。尝试将此添加到您的页面：

<style type="text/css">
   .msoFix {
      mso-table-lspace:-1pt;
      mso-table-rspace:-1pt;
   }
</style>

从记忆中，这并没有完全删除它 - 仍然有一个顽固的 1px 线，这很好，除非您使用使其明显的背景颜色。要完全摆脱它，您还必须尝试添加边框，这有点愚蠢，但这就是适合您的 Outlook...

但是，对于响应式，我建议您改用<td>，只需在媒体查询中切换width:100%; display:block; 以响应式控制它们。这是basic example

【讨论】：