發送到Outlook 2010的html電子郵件中的奇怪間距和邊框問題

我正在發送簡單的HTML郵件，其中有一個簡單的表格。郵件在所有Web瀏覽器中都顯示得很好，但Outlook 2010看起來很奇怪。如何解決這個問題？我嘗試了幾種變化，但結果是一樣的。發送到Outlook 2010的html電子郵件中的奇怪間距和邊框問題

請參閱Outlook截圖在這裏：

展望2010：

enter image description here

火狐：

enter image description here 下面是HTML源：

<table style="width:500px;font:9pt Arial;background-color:#f6f6f6;" cellspacing="12px"> 
     <tr> 
      <td style="border-bottom:1px solid #e6e6e6;"> 
      <span style="font-size:18px;color:#0033cc;"> 
       <b> 
       <a href="url" target="_blank" style="text-decoration:none">Birthday Invitation</a> 
       </b> 
      </span> 
      <br /> 
      <div style="clear:both;color:#666;overflow:hidden;padding:5px 0 7px;"> 
       Note: Testing 
      </div> 
      </td> 
     </tr> 
     <tr> 
      <td style="border-bottom:1px solid #e6e6e6;padding-bottom:13px;"> 
      <br /> 
      <br /> 
      <b>HOST</b> 
      <br /> 
      <span style="color:red">Host</span>    
      </td> 
     </tr> 
</table>

來源

2012-05-15 kheya

PADD在Outlook 07或10中不支持保留和保留。這是由於使用單詞渲染引擎而不是瀏覽器渲染引擎的重大決定。

您需要使用spacer gif來獲得您想要的佈局。

無論你有餘量還是填充，都可以用適當大小的間隔圖像替換。

來源

2012-05-15 14:01:11 Undefined

晚會很晚，但您需要刪除cellspacing="12px"，並且只用它來清零。

表標籤應該是這樣的：<table width="500" border="0" cellpadding="0" cellspacing="0">

添加填充到<td>的來代替。

您還應該在<td>中聲明您的字體，而不是使用簡寫。完全支持bgcolor="#f6f6f6"，而css版本不支持。

來源

2014-03-26 18:23:06 John

發送到Outlook 2010的html電子郵件中的奇怪間距和邊框問題

回答

相關問題