0

我正在发送具有一张简单表格的简单 html 邮件。该邮件在所有 Web 浏览器中看起来都很好，但 Outlook 2010 似乎很奇怪。如何解决这个问题？我尝试了几种变化，但结果是一样的。

在此处查看 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>
4

2 回答 2

0

派对很晚了，但你需要删除cellspacing="12px"，并且只用它来归零。

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

<td>改为向's添加填充。

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

于 2014-03-26T18:23:06.190 回答
0

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

您需要使用间隔 gif 来获得所需的布局。

无论您在哪里有边距或填充，都用合适大小的间隔图像替换。

于 2012-05-15T14:01:11.463 回答