3

我想创建一个 3 x 3 表，行和列之间没有空格。目前，我将单元格间距和单元格填充都设置为零，但我仍然在行之间获得了一些空间。我贴了一张它的样子的照片。看到行之间的空间了吗？我该如何摆脱它？

我发布了行之间的空间的图像

好的，这是我的代码：

<!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>

任何帮助删除行之间的空间将不胜感激。

4

1 回答 1

9

您可以尝试将其添加到您的 CSS 中：

td {
  line-height: 0;    
}​

应该解决它。

于 2012-09-11T17:19:18.603 回答