3

行と列の間にスペースを入れずに3x3のテーブルを作成したいと思います。現時点では、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>

行間のスペースを削除するための助けをいただければ幸いです。

4

1 に答える 1

9

これをCSSに追加してみてください：

td {
  line-height: 0;    
}​

それを解決する必要があります。

于 2012-09-11T17:19:18.603 に答える