表中沒有空格的html圖像

Question

我有一個html表，我將圖像並排放在td中。 我怎樣才能得到它，以便每張圖像之間根本沒有空間？ 默認情況下，盡管每個表元素上有0個填充和邊距，但所有瀏覽器似乎都放入了一個小空間。 我沒有在td上指定寬度，所以默認情況下它占用了圖像內部的寬度。

即：

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

Answer 1

還有一件事可以避免圖像之間不必要的空間：

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

Answer 2

應用此css：

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

這會將所有空格重置為0。

Answer 3

cellspacing和cellpadding在表上應為0。

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

Answer 4

查看HTML table標記的cellpadding ， border和cellspacing屬性。 如果您使用的是XHTML或CSS，請查看相應的樣式 - border-collapse ， padding等。

Answer 5

在我的情況下，我試圖繼續編碼photoshop / imageready分割html（通過切片工具生成或保存為web）。

如果表具有“height”屬性並且您使用較短的內容替換某些圖像，則表保持高度會在圖像之間添加mysterios間隙。

我只需要移除高度。 簡單而愚蠢，但這種情況可能發生。