Html Vspace在Outlook 2007/2010中的应用

我有一份html时事通讯，它在大多数电子邮件载体中都能正常工作，但outlook中的格式很混乱。我在图像标签上加了vspace=“10”，在图像的顶部和底部加上10px的边距，以便在图像和下面的文本之间留有一个空格。但是，在Outlook中，不会拾取vspace，文本直接显示在图像下方，中间没有空格

---

有人知道如何让它工作吗？我试着在图片上加上10px的页边空白，但还是没用。

对于HTML电子邮件，不同浏览器之间有很多细微差别。我从创建电子邮件中学到的一点是，它必须非常简单。Outlook不支持边距和填充（因为它使用word渲染引擎）

解决方案

将图像和空间替换为包含2个间隔GIF的表格，并将图像放在中间。例如（您需要使用图像的绝对路径）：

---

使用嵌套表并将行的高度定义为10px可能更容易。在Outlook2007+中，您要面对的是Word HTML呈现，它以自己独特的方式处理CSS

<table cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
    </td>
  </tr>
  <tr>
    <td>
      <img style="display:block" border="0" src="YOUR IMAGE" width="" height="" />
    </td>
  </tr>
  <tr>
    <td>
      <img style="display:block" border="0" src="images/spacer.gif" width="IMAGEWIDTH" height="10" />
    </td>
  </tr>
</table>