Outlook(2010)在图像行之间放置了不必要的差距

时间:2014-06-06 09:56:37

标签: html email outlook

只想问一下,有这样的代码:

<table border="0">
<tbody>
<tr>
<td><a href="index.html" target="_blank"><img style="border: 0px none;" src="img/image.jpg" alt="" width="250" height="250" border="0" /></a></td>
</tr>
<tr>
<td><a href="index.html" target="_blank"><img style="border: 0px none;" src="img/image.jpg" alt="" width="300" height="300" border="0" /></a></td>
</tr>
</tbody>
</table>

这应该看起来像是上排的图像,而下图中的另一个图像。 在展望中,这两行之间存在较大差距,我不知道是什么导致了这一点。

此表位于带有另一个表的td内。

1 个答案:

答案 0 :(得分:0)

试试这个

<强> HTML

<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="line-height:0; padding:0"><a href="index.html" target="_blank"><img style="border: 0px none; vertical-align:top" src="img/image.jpg" alt="" width="250" height="250" border="0" vspace="0" hspace="0" /></a></td>
</tr>
<tr>
<td style="line-height:0; padding:0"><a href="index.html" target="_blank"><img style="border: 0px none; vertical-align:top" src="img/image.jpg" alt="" width="300" height="300" border="0"  vspace="0" hspace="0" /></a></td>
</tr>
</tbody>
</table>