Outlook 2007/2010中的Vspace

Question

我有一份適用於大多數電子郵件運營商的html通訊，但格式在Outlook中混亂了。我已經在圖像標籤上放置了vspace =「10」，以在圖像的頂部和底部放置10px的邊距，以在圖像和文字下面留出空間。但是，在Outlook中，vspace未被拾取，文本直接出現在圖像下方，兩者之間沒有空格。

有誰知道如何讓這個工作？我試圖在圖片上放一個10px的底邊，但是這再次不起作用。

Answer 1

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

Answer 2

這可能是更容易使用嵌套表和定義行的高度是10px的。您在Outlook 2007+中爭奪的是Word HTML呈現，它以自己特殊的方式處理CSS。