2012-09-11 183 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