2012-09-11 250 views
3

我想創建一個3 x 3的表格,在行和列之間沒有空格。 目前,我將cellspacing和cellpading設置爲零,但我仍然在行之間獲得一些空間。我張貼了一張看起來像什麼的照片。看到行之間的空間?我如何得到這個紅色?html從表格行中刪除空格

I posted an image of what the space between the rows

好了,這裏是我的代碼。

<!DOCTYPE html> 
<html> 
<body> 

    <table border="0" cellpadding="0" cellspacing="0" > 

    <tr > 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
    </tr> 
    <tr > 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
     <td><img src="bgimage.png" /></td> 
    </tr> 
    <tr > 
    <td><img src="bgimage.png" /></td> 
    <td><img src="bgimage.png" /></td> 
    <td><img src="bgimage.png" /></td> 
    </tr> 
</table> 

在去除行之間的空間的任何幫助,將不勝感激。

+2

設置行高:0爲td .. http://jsfiddle.net/sushanth009/fFeY4/ –

+0

這工作,謝謝一堆! – r1nzler

回答

8

你可以嘗試添加到您的CSS:

td { 
    line-height: 0;  
}​ 

應該解決這個問題。

+0

哇。謝謝!添加關鍵字在這裏爲其他人尋找解決同樣的問題,我一直在努力:d3 svg高度屬性隱藏的空間邊緣填充錶行tr ... – ow3n