html从表行中删除空格

r1n*_*ler 3 html css html-table

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

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

好的,这是我的代码:

<!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>
Run Code Online (Sandbox Code Playgroud)

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

sam*_*ura 9

你可以尝试将它添加到你的CSS:

td {
  line-height: 0;    
}?
Run Code Online (Sandbox Code Playgroud)

应该解决它.