图像被切断Outlook 2007/2010/2013

Question

我正在构建一个响应式HTML电子邮件模板,当我对Litmus测试我的布局时,图像在顶部被截断,如下所示......

这是什么原因？这是一些带有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>
...

我已经研究过,找到了这个答案,但没有运气.

谢谢!

Answer 1

表上的line-height(可能是mso-line-height-rule)设置导致Outlook推送图像.

你真的需要它吗？如果没有,我建议删除它.如果你需要它,可以在<td>包装文本的地方设置它,或者添加另一个表来包装文本并在那里设置行高.

更新:我编辑了您的代码段,以反映屏幕截图中显示的实际代码.