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

时间:2014-03-26 10:36:37

标签: html html-table html-email margin padding

编写电子邮件时,我在Outlook 2007/10中遇到了问题。 我正在我的表之间添加填充/边距,并且无法看到它可能是什么。 我有一张大桌子,里面有3张桌子,左边都是对齐的。我会把它们放在单独的td中,但是需要它们不在td中,因为它可以按照我的要求起作用。

我已将border-collapse:collapseborder-spacing:0px添加到每个表中,并且所有cellpadding和spacing都设置为0.我的所有代码都是内联的。这个差距在任何其他客户中都没有显示。

有什么想法吗?

附上我的桌子图。

enter image description here

1 个答案:

答案 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