圖片被切斷的Outlook 2007/2010/2013

Question

我建立一個響應的HTML電子郵件模板，當我面臨考驗我的佈局，圖像正上方切斷，如下圖所示...

這是什麼原因？下面是一些代碼，具有jsfiddle

<table style="color: #4b4b4b; font-size:12px; font-family: arial, helvetica, sans-serif; line-height: 18px; mso-line-height-rule: exactly; " > 
<tbody> 
<tr> 
    <td height="40" width="40"><img src="http://www.uploadlibrary.com/TelecomsWorld/CALL-STATS/stats_07.jpg" width="40" height="40" style="display:block;" /></td> 
<td>Geographic call mapping across the UK</td> 
</tr> 
... 

我已經研究和this answer被發現，但沒有運氣。

謝謝！

Answer 1

設置在桌面上的line-height（可能還有mso-line-height-rule）導致Outlook將圖片向上推。

你真的需要它嗎？如果沒有，我建議刪除它。如果您需要，可以將其設置在包裝文本的<td>上，或者添加另一個表格以僅包裹文本並在其中設置行高。

更新：我編輯了您的代碼片段以反映屏幕截圖中顯示的實際代碼。

Answer 2

將相同的尺寸添加到已經是圖像一部分的表格單元格中。

<td class="center" align="left" style="margin: 0;" height="32" width="540"><img src="http://www.uploadlibrary.com/TelecomsWorld/GENERAL/lowbluespeechedge.jpg" width="540" height="32" class="img_scale" style="display:block;" /></td> 

另外：

是您的公司成長爲IT的全部潛力？

It's表示it is。 「它」的佔有形式沒有撇號。