Outlook 2010 在 HTML 电子邮件中的图像之间放置 1 像素水平间距答案

【问题标题】：Outlook 2010 putting 1 pixel horizontal space between images in HTML emailOutlook 2010 在 HTML 电子邮件中的图像之间放置 1 像素水平间距
【发布时间】：2013-02-12 02:07:53
【问题描述】：

我遇到了一个看似简单的问题。我有一封正在创建的 HTML 电子邮件。有一个部分包含一排图像，其中一些带有链接。 Outlook 一直在第一张图像和第二张图像之间放置一个像素水平空间。我将它们放在表格单元格中，但即使图像只是在同一张表格中的一行中，我仍然遇到同样的问题。

可以在此处查看 HTML 源代码，在浏览器中看起来不错 - 但复制并粘贴到 Outlook 2010 或 2007 会导致问题。

http://cogentec.co.uk/redbar/bar2.html

【问题讨论】：

标签： html-email outlook-2007 outlook-2010

【解决方案1】：

看起来虽然 Outlook 的撰写视图显示图像之间的间隙，但一旦发送了电子邮件，它在接收端看起来还不错。即使收件人是在撰写视图中错误显示电子邮件的 Outlook 客户端。

解决了。

【讨论】：

遇到了完全相同的问题，我一生都无法弄清楚这个 1px 差距是在哪里引起的。但是就像您在发送电子邮件后所说的一切正常！

【解决方案2】：

您的图片都需要display:block;。除非您是浮动图像（这种情况很少见），否则请始终在电子邮件中使用它

【讨论】：

我面临同样的问题，问题不在这里。
@LouisXIV - 也许this 或this 会有所帮助。如果没有，请创建一个新问题并包含一些代码示例。
stackoverflow.com/questions/17674172/… 帮助了我。