爲什麼我的HTML表格中的圖像沒有正確對齊？

Question

我目前正在建立一個電子郵件簽名，一個簡單的4張圖片在一個方形的2x2 table中。

我目前面臨的問題是我目前無法刪除td之間的間距。

<style> 
 
d, tr, img { padding: 0px; margin: 0px; border: none; display: block; } 
 
table { border-collapse: collapse; }  
 
    
 
</style> 
 

 
<table cellpadding="0" cellspacing="0" border="0"> 
 
    <tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/NDz2UL.png" ></img> 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/BMSIqd.png"></img> 
 
     </td> 
 
    </tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/VcOrDE.png" ></img> 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/DlwKjq.png"></img> 
 
     </td> 
 
    </tr> 
 
</table>

誰能告訴我，我要去哪裏錯了，或點我在正確的方向？非常感激！

Answer 1

你的圖片全部有不同的大小。我冒昧地順利改變其中一個，結果已經好多了。您應該對齊它們並在所有圖像上使用相同的尺寸。

<style> 
 
d, tr, img { padding: 0px; margin: 0px; border: none; display: block; } 
 
table { border-collapse: collapse; }  
 
    
 
</style> 
 

 
<table cellpadding="0" cellspacing="0" border="0"> 
 
    <tr> 
 
     <td> 
 
      <img src="http://i.imgur.com/tBrf7Fu.png" > 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/BMSIqd.png"> 
 
     </td> 
 
    </tr> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/VcOrDE.png" > 
 
     </td> 
 
     <td> 
 
      <img src="http://bubblei.co.uk/DlwKjq.png"> 
 
     </td> 
 
    </tr> 
 
</table>