Outlook 2007/2010中的Vspace

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>