Question

我的邮件中的图片有问题。模板建立在表格上。这是代码（部分）。

    <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 600px; display: block; border: none; padding: 0; border-collapse: collapse; border-spacing: 0;">
        ...
        ...
        ...
        <tr><td colspan="3" height="142" valign="top"><a href="http://katarina.edu.pl/"><img border="0" src="http://poligon.netivo.pl/new_wordpress/images/katarina_banner_1.png" alt="Zarezerwuj kurs ze zniżką 100 zł do 12.09.15"/></a></td></tr>
        <tr><td colspan="3" height="130" valign="top"><a href="http://katarina.edu.pl/"><img border="0" src="http://poligon.netivo.pl/new_wordpress/images/katarina_banner_2.png" alt="31.08 rusza ostatni kurs wakacyjny - 3 tygodnie i mówisz. Zapraszamy"/></a></td></tr>
        ...
        ...
        ...
    </table>

当我通过Outlook 2010在第一张图片下发送此电子邮件时，有一个2px的差距，我想删除。我尝试了很多方法（用div指定高度，指定高度），将左对齐添加到图像到表格单元格。

只有一个答案似乎有效，将 display：block 添加到图片中，它在Outlook中看起来很棒。当我发送电子邮件并通过gmail和hotmail查看它时，差距仍然存在。

HTML邮件删除Outlook中的图像下的空间

0 个答案: