html从表格行中删除空间答案

【问题标题】：html remove space from table rowhtml从表格行中删除空间
【发布时间】：2018-12-25 06:41:40
【问题描述】：

我想创建一个 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>

非常感谢您在删除行之间的空间方面提供任何帮助。

【问题讨论】：

为 td 设置 line-height:0.. jsfiddle.net/sushanth009/fFeY4

标签： html css html-table

【解决方案1】：

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

td {
  line-height: 0;    
}

应该解决它。

【讨论】：

哇。谢谢！在这里为其他希望解决我一直在努力解决的相同问题的人添加关键字：d3 svg height property hidden space margin padding in table row tr ...
我在单个 td 上使用了并且成功了！谢谢:)