html - 无法删除表格内两个图像之间的 5px 间隙

Question

我似乎无法将这两张图片放在一起。它们都在 HTML 表格中自己的行中(我正在制作一封 html 电子邮件)，但我似乎无法删除它们之间的 5px。

这是我的代码

<table width="200" height="200" cellpadding="0" cellspacing="0" border="0" style="border-    spacing: 0; border-collapse: collapse;border-collapse: seperate;">
<tbody>
<tr>
<td width="100" height="100"><img width="100" height="100" src="https://img.createsend1.com/img/templatebuilder/placeholder-image.png" /></td>
</tr>
<tr>
<td width="100" height="100"><img width="100" height="100" src="https://img.createsend1.com/img/templatebuilder/placeholder-image.png" /> </td>
</tr>
</tbody>
</table>​

它也在 jsfiddle 上如果有帮助

Answer 1

将图像设置为 vertical-align: top。默认情况下，它们是 baseline，它在图像下方为文本中低于基线的字符留出空间。 baseline 以外的几乎所有值都应该有效(底部、中间等)。

img{
  vertical-align: top;   
}

http://jsfiddle.net/JpdQ2/2/