Hotmail - HTML电子邮件表图像差距

时间:2012-06-19 22:32:44

标签: image html-email html-table hotmail

Hotmail 似乎是唯一一个在两个携带图片的表之间产生不必要的差距的客户端。它们应该直接相互嵌套。 'display:block;' (在img标签内)不是解决方案,因为我有多个单元格和图像彼此相邻(在带有徽标的标题部分中)。

额外的垂直空间似乎出现在标题部分的tr,td或table标签中。在Hotmail中,它创建了一个92px的高度,在其他浏览器中它的89px(与图像高度相同)。

(我无法发布图片 - 没有足够的代表。)

代码 jsFiddle

我尝试过使用行高和边距。我似乎无法对Hotmail中的响应进行任何调整。任何线索? (我已经阅读了所有其他的html电子邮件差距问题)

1 个答案:

答案 0 :(得分:0)

尝试将cellspacing和cellpadding设置为“0”。

由于它是Hotmail,您可能可以通过浏览器的代码检查器(Chrome Inspector和/或Firebug)对电子邮件进行故障排除。尝试找出导致差距的元素。

在电子邮件中使用保证金并不是一个好主意,因为这会导致许多兼容性问题。这个电子邮件在Outlook 2007/2010/2013中的表现如何?