发送到Outlook 2010的html电子邮件中的奇怪间距和边框问题

Question

我发送的简单html邮件有一个简单的表格。 邮件在所有网络浏览器中都显示得很好但是outlook 2010看起来很奇怪。 如何解决这个问题？我尝试了几种变体，但结果是一样的。

请参阅此处的outlook截图：

Outlook 2010：

火狐：

这是html源代码：

<table style="width:500px;font:9pt Arial;background-color:#f6f6f6;" cellspacing="12px">
        <tr>
          <td style="border-bottom:1px solid #e6e6e6;">
            <span style="font-size:18px;color:#0033cc;">
              <b>
                <a href="url" target="_blank" style="text-decoration:none">Birthday Invitation</a>
              </b>
            </span>
            <br />
            <div style="clear:both;color:#666;overflow:hidden;padding:5px 0 7px;">
              Note: Testing
            </div>
          </td>
        </tr>
        <tr>
          <td style="border-bottom:1px solid #e6e6e6;padding-bottom:13px;">
            <br />
            <br />
            <b>HOST</b>
            <br />
            <span style="color:red">Host</span>            
          </td>
        </tr>
</table>

Answer 1

Outlook 07或10不支持填充和边距。这是由于决定使用单词渲染引擎而不是浏览器渲染引擎。

你需要使用spacer gifs来获得你想要的布局。

无论您在哪里使用合适尺寸的间隔图像替换边距或填充。

Answer 2

派对很晚，但您需要删除cellspacing="12px"，并仅将其用于归零。

表标记应如下所示：<table width="500" border="0" cellpadding="0" cellspacing="0">

改为向<td>添加填充。

您还应该在<td>中声明您的字体，而不是使用速记。完全支持bgcolor="#f6f6f6"，而css版本不是。