2011-10-11 146 views
5

你好,我試圖建立一個表格單元格使用div標籤,同時這樣做。在我的img標籤內的單元格後,我得到這個額外的間距。A標籤/ img標籤之後的額外間距是多少?

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a> 

我似乎無法弄清楚如何擺脫額外的間距。

我試過顯示:inline for a和img標籤。但不是運氣。

如果任何人都可以幫助我擺脫這個間距,我會很樂意欣賞它。

實施例 - 右前此TABEL小區內的陰影有2-3像素白色空間

http://i.imgur.com/DLPWH.png

+2

我喜歡閱讀的HTML代碼的文本解釋。它比閱讀HTML代碼本身要好得多... –

+0

對不起,下次我會加入它。我編輯它。雖然 – Tom

回答

16

除了你應該使用表格數據的事實,我認爲在圖像上設置display: block將刪除空間。如果這不起作用,請嘗試製作一個jsFiddle頁面來展示問題。

+0

嘿,謝謝它的工作。我完全忘了塊。我正在考慮使用表格,但不知道是否有差異。 – Tom

+0

是的,聽到你有關「數據表格」的信息,但是當你編寫一個你希望在大多數平臺上合理地顯示的電子郵件時,你幾乎可以告訴每一個電子郵件客戶端。 – ElBel

0

嘗試在具有此額外的間隔元件設置margin: 0padding: 0。實現某種CSS Reset通常是一個好主意,以確保所有元素都被清除了這些煩人的默認屬性,如邊距和填充。

1

這個空間可以使用刪除:

style="display:block;"