在Outlook 2013中通过电子邮件通讯第一个空表格单元格高度问题

时间:2014-10-14 11:17:10

标签: html css email outlook outlook-2013

我的简报中的第一个空表格单元格在Outlook 2013中显示得更大。这就是我所拥有的:

<tr>
    <td bgcolor="#b0bc12" height="10" style="background-color:#b0bc12; height:10px;"></td>
</tr>

这在我测试的每个电子邮件客户端上都能正常工作,但在Outlook 2013中,高度似乎是指定高度的两倍。我还在标题中添加了以下代码,但它似乎没有任何效果:

<!--[if gte mso 15]>
    <style type="text/css" media="all">
        body { font-size: 0; line-height: 0; }
        tr { font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px; }
    </style>
<![endif]-->

我在新闻通讯中还有类似的空单元格,但它们都运转良好。只是这第一个问题就出现了。

1 个答案:

答案 0 :(得分:1)

Outlook 2013倾向于将图像/间隔物渲染为其高度的两倍,因为它们低于19px。将样式添加到<td>并将font-size和line-height设置为1px应该可以解决这个问题。

<tr>
    <td bgcolor="#b0bc12" height="10" style="font-size:1px; line-height:1px; background-color:#b0bc12; height:10px;"></td>
</tr>