Question

我有一个html简报，适用于大多数电子邮件运营商，但格式在Outlook中搞砸了。我在图像标签上放了vspace =“10”，在图像的顶部和底部放置10px边距，使图像和文本下方有一个空格。但是，在Outlook中，vspace未被拾取，文本直接显示在图像下方，而且之间没有空格。

有谁知道如何让它发挥作用？我试图在图像上放置10px的底边，但这又不起作用。

Answer 1

使用嵌套表并将行的高度定义为10px可能更容易。您在Outlook 2007+中所争论的是Word HTML呈现，它以自己特殊的方式处理CSS。

Answer 2

使用HTML电子邮件，不同浏览器之间存在很多细微差别。我从创建电子邮件中学到的一件事是它需要非常简单。保证金和Outlook不支持填充（因为它使用单词渲染引擎）。

解决方案

用包含2个间隔Gif的图表和中间的图像替换图像和空格。例如（您需要使用图像的绝对路径）：

<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>

Outlook 2007/2010中的Vspace

2 个答案: