Question

我想创建一个3 x 3的表，行和列之间没有空格。目前，我将cellspacing和cellpadding都设置为零，但我仍然在行之间留出一些空间。我发布了一张它看起来像的照片。看到行之间的空格？我该如何摆脱它？

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>

任何帮助删除行之间的空间都将非常感激。

Answer 1

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

td {
  line-height: 0;    
}

应该解决它。

html从表行中删除空格

1 个答案: