Outlook 2013切断图像顶部？

Question

我正在设置一个电子邮件模板,一些图像的顶部被切断.这是我的图像代码

<td style="line-height: 0"><img src="http://domain.com/image.png"></td>

我在td上有行高,这样下面的空白区域就会被移除,因为我希望它能够触摸下面的图像.

顶部图像有一些顶部被截断,但我该如何解决这个问题？

Answer 1

我解决这个问题的方法是不使用行高,而是将图像设置为显示块,这样就修复了图像问题并仍然删除了下面的空白区域

<td><img src="http://domain.com/image.png" style="display:block;"></td>

希望这有助于某人!

Answer 2

我和ol 2013/16有同样的问题.

最佳解决方案是指定行高以像素表示.

更改line-height:0;到line-height: 0px.

Answer 3

我将行高设置为“1”，这解决了我的问题：0）

<table>
  <tr>
    <td style="line-height:1;">
      <img src="http://example.com/138x33-team.png" width="138" height="33" style="display:block;">
    </td>
  </tr>
</table>