表格中沒有空格的html圖像

Question

我有一個HTML表格，我把圖像並排放在td裏面。我如何獲得它，以便在每張圖像之間沒有空間？默認情況下，儘管所有瀏覽器在每個表格元素上都有0填充和邊距，但它們似乎會佔用很小的空間。我沒有在td上指定寬度，所以默認情況下它佔用了圖像內部的寬度。

即：

<table> 
    <tr> 
    <td><img ... /></td> //no space between the td's 
    <td><img ... /></td> 
    </tr> 
</table> 

Answer 1

應用此CSS：

td, tr, img { padding: 0px; margin: 0px; border: none; } 
table { border-collapse: collapse; } 

這將重置所有空間爲0

Answer 2

在爲HTML table標籤cellpadding，border，並且cellspacing屬性看一看。如果你正在使用XHTML或CSS，然後檢查了相應的款式 - border-collapse，padding等

Answer 3

CELLSPACING和CELLPADDING在桌上應該是0。

<table cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><img></td> 
    <td><img></td> 
    </tr> 
</table> 

Answer 4

一兩件事，可避免圖像之間不必要的空間：

<td style="line-height:0;">