2 行上的 html 电子邮件图像在浏览器中间显示空白

Question

我在 Dreamweaver 中制作了一封 HTML 电子邮件。

我使用了一个表格来包含电子邮件的正文。

我已按行添加图像。但是在浏览器中，图像在中间留有空白。只有当我查看 Hotmail 上的电子邮件时才会发生这种情况。微软 Outlook 很好。我不明白为什么会这样

![正如您在 html 电子邮件 (hotmail) 上看到的那样，但在 outlook 中没有空间!!!][1]

正如您在 html 电子邮件(hotmail)中看到的那样，但在 outlook 中没有空间!

html代码:

          <td height="8" valign="top" colspan="2"><img src="images/greenTop01.gif" alt="top" width="595" height="8" valign="top" display:"block" ></td>
  </tr>
  <tr>
    <td width="453" height="115" valign="top" bgcolor="#18b581"><p style="font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; margin-left: 25px;"><strong><font size="4">Could you have a patient with NP-C?</font>

完整的 html:http://jsfiddle.net/eNKxp/1/

Answer 1

您需要为图像使用display:block。查看此表以了解电子邮件模板的 html 支持:http://www.campaignmonitor.com/css/