Question

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

enter image description here

这是为什么？以下是一些代码，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's表示it is。占有形式的“它”没有撇号。

图像被切断Outlook 2007/2010/2013

2 个答案: