Question

我正在制作电子邮件广告系列，目前在Outlook 7,8,10和13中，td或img标记之间存在垂直间距。我已经尝试在图像和td上添加0填充，边距。我试过显示：阻止图像和浮动：左。我的TD有行高：0和font-size：0;

<TR>

<TD style="padding:0;margin:0 0 0 0;">

    <TABLE CELLPADDING="0" CELLSPACING="0" ALIGN="CENTER">

    <TR>

    <TD BGCOLOR="#ff0000" HEIGHT="93" WIDTH="262" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;">
    <IMG SRC="" 
    ALT="" BORDER="0" HEIGHT="93" WIDTH="262"  style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:262px;align:absmiddle;">
    </TD>

    <TD BGCOLOR="#00ff00" HEIGHT="93" WIDTH="198" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;">
    <A HREF="http://flipittowin.com">
    <IMG SRC="" 
    ALT="" BORDER="0" HEIGHT="93" WIDTH="198" style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:198px;align:absmiddle;">
    </A>
    </TD>

    <TD BGCOLOR="#0000ff" HEIGHT="93" WIDTH="267" style="line-height:0; font-size:0px; padding:0;margin:0 0 0 0;">
    <IMG SRC="" 
    ALT="" BORDER="0" HEIGHT="93" WIDTH="267" style="display:block;float:left;padding:0;margin:0 0 0 0; height:93px; width:267px;align:absmiddle;">
    </TD>

    </TR>

    </TABLE>

</TD>

</TR>

http://imgur.com/ey564MC是第三个TD与其下方图像之间的垂直间距的示例（由于rep而无法发布图像）。

背景颜色用于测试目的。我删除了alt＆amp; src内容用于显示目的。

Answer 1

我能够找到解决这个问题的方法。我将TD的px大小减小到92像素（先前为93）。 Img标签的高度为93px。因此，给予Img的高度定义了高度并显示我的93px图像，但摆脱了图像和TD之间的1px空间。

Answer 2

对于仅包含图片的td，请关闭td所在行的img。

E.g。

DO THIS：

<td>
    <img src="imagesource" alt="imagealt"></td>

请勿：

<td>
    <img src="imagesource" alt="imagealt">
</td>

电子邮件中TD和图像之间的差距 - Outlook 2007,2008,2010,2013

2 个答案: