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/

Answer 2

或者，将图像设置为display: block. 由于垂直对齐，内联图像总是存在间距问题。

http://jsfiddle.net/JpdQ2/3/