【问题标题】:Hotmail - HTML Email Table image gapHotmail - HTML 电子邮件表格图像间隙
【发布时间】:2012-06-22 01:14:02
【问题描述】:

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

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

(我还不能发布图片 - 没有足够的代表。)

代码来自jsFiddle

我尝试过使用 line-height 和 margin。我似乎无法在 Hotmail 中做出任何调整来回复。有什么线索吗? (我已经阅读了所有其他 html 电子邮件差距问题)

【问题讨论】:

  • 您可以通过上传到另一个位置然后链接到此处来发布您的屏幕截图。如果没有问题的屏幕截图,很难进行诊断。

标签: image html-email html-table hotmail


【解决方案1】:

尝试将单元格间距和单元格填充设置为“0”。

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

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

【讨论】:

    猜你喜欢
    • 2013-02-22
    • 2017-02-23
    • 2013-11-20
    • 2013-03-24
    • 1970-01-01
    • 2015-05-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多