Outlook行高忽略html郵件

Question

我爲簡報創建了簡短的HTML電子郵件。所有內容都可以在Gmail和Hotmail上完美顯示。但是在Outlook中，圖像之間有一些空間。 使用螢火蟲進行檢查我可以看到我的行高被忽略，並且我看到的空白字符實際上是我的td的行高。這裏是我的代碼的一部分：

<tr> 
     <td width="10" height="80" style="line-height:0px; line-height:0; border-right:1px solid #9cc020;">&nbsp;</td> 
     <td width="15" height="80" style="line-height:0;" >&nbsp;</td> 
     <td width="560" height="80" colspan="5" style="line-height:0;"> 
     <img src="http://infos.mycookit.com/img/PL01bis/c1.jpg" alt="avec le code CHAMP" width="560" height="80" style="display:block"> 
     </td> 
     <td width="10" height="80" style="line-height:0; border-left:1px solid #9cc020;">&nbsp;</td> 
    </tr> 

我也曾嘗試字體大小設置爲0，不同設置行高（％，EM，PX）的方式。我還刪除了我的tds和我的imgs之間不必要的空白區域，但行高完全被忽略。如果我改變它在螢火蟲它雖然工程。所以我知道這個問題不是別的。

有沒有辦法解決這個問題？

---編輯----- 哦，我也想在此線程幾乎一切：Line-height not working in Outlook 2010 for HTML Email 包括怪異的黑客。

Answer 1

Outlook不使用「真正的」html渲染器，所以你陷入了一個糟糕的地方。這可能是因爲「行高」根本不起作用，或者對某些元素不起作用。

您可以嘗試各種替代技術。例如，使用額外的元素（例如div，span等）將單元格內容包裝到單元格中，並給出該元素的填充或邊距。示例

<td> 
    <div style="padding: 10px 0;">[mycontent]</div> 
</td>