無法刪除表格內的兩個圖像之間的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/