Question

我正在使用桌子，因为我需要发送一封html电子邮件。我的麻烦是这样的：我有两个图像叠在一起在另一个上面。它们都是链接，意思是标签内部。问题是在IE8中我无法摆脱两个图像之间的白色填充。这是代码：

<table cellspacing="0" cellpadding="0">    
    <tr>
        <td>
            <a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line-height: 0px">
            <img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0"   />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="mailto:screenings@XXXXXXX.com" border="0"  style="padding:0;margin:0;line-height: 0px">
            <img src="http://www.XXXXXX.com/emails/images/bottom_all.jpg" border="0" />
            </a>
        </td>
    </tr>
</table>

空间只显示标签的位置（仅尝试图像 - 没问题）。最初填充出现在firefox和IE8中，而不是在chrome中。在Firefox中添加'line-height'后，IE8仍然没有用....

任何想法？

编辑：实际上，我发现问题不仅出现在表格中，而且每当你将img包裹在锚点中时。像这样：

<a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line-    height: 0px">
<img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0"   />
</a>
<a href="http://wwwXXXXXX.com/screening.php" border="0" style="padding:0;margin:0;line-height: 0px">
<img src="http://www.XXXXXXX.com/emails/images/host.jpg" border="0"   />
</a>

Answer 1

尝试添加

vertical-align: top;

到你的img元素。

这可以防止img尝试与文本基线对齐，文本基线将始终为字符下延留下空间。

Answer 2

尝试删除TAG之间的“空白区域”。关闭上一个TAG后直接打开每个TAG：

<a href="...
><img src="...
/></a>

Answer 3

也许IE8和Firefox有“a”标签的默认边距或填充试试smth。喜欢：

a {margin:0;padding:0;)

我删除了tr标签及其所有内部元素之间的所有空格，并且它有效

Answer 4

您应该重置所有边距＆amp;在你的CSS *{margin:0;padding:0;}填充它会让你的生活更轻松。

Answer 5

尝试添加

a img {
   display: block;
}

在<a> tags in table</a>之间填充

5 个答案: