表格中没有空格的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;">