为什么发送时我的新闻稿中的图像之间有空格？

Question

我有一份要发送的简报，但雅虎，Gmail和MSN的行之间会出现一些额外的空格。

但这就是你所看到的（有趣的是，在jsfiddle中它和雅虎一样） - 注意图像之间的灰色条纹：

• http://jsfiddle.net/FmyS5/

所有边框都是0，所有边距都是0.你看到了什么吗？

试过：

<table width="640" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;border-spacing:0;">

但仍然相同。

Answer 1

添加：

img {
    vertical-align: top;
}

在Chrome 15中为我修复了小提琴。我不能发誓这也适用于各种邮件客户端，但它可能有效。

当我必须做HTML电子邮件时，我使用Email on Acid检查各种邮件客户端的结果。值得一看。

Answer 2

尝试将以下CSS添加到您的代码

a {
  display: block;
  float: left;
}

并在每个内部添加图像的高度。这应该消除表中的空白。

看看jsfiddle（我只对第一行做了更改）

http://jsfiddle.net/FmyS5/9/

Answer 3

这似乎可以解决它;

a {
    float: left;
    line-height: 0;
}

...但它也会对页脚造成一些其他损害。