Question

因为那件事我完全疯了。我尽我所能，但没有任何作用。

实施例

CSS

body
{
   margin-top:0;
   margin-bottom:0;
   margin-left:0;
   margin-right:0;
}
table.gh
{
   margin:0px auto 0px auto;
   background-color:#00ffff;
   width:700px;
   border-collapse:collapse;
   padding:0px 0px 0px 0px;
   border-spacing:0px 0px;
   text-align:center;
   vertical-align:top;
}
table.gg
{
   margin:0px auto 0px auto;
   background-color:#00ffff;
   width:700px;
   border-collapse:collapse;
   padding:0px 0px 0px 0px;
   border-spacing:0px 0px;
   text-align:center;
   vertical-align:top;
}

身体内的

和 HTML ：

<table class="gh">
   <tr>
      <td>
         <table class="gg">
            <tr>
               <td><img src="http://www.astrofotos.info/var/resizes/casb/Eclipse-Austr%C3%A1lia-2012/IMG_5631.jpg?m=1352856326" border="0"></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

现在......你看到图像和页面顶部之间有一点空间？我怎么摆脱它？

Answer 1

表格单元格的填充导致了您的麻烦。

添加这段代码，它将起作用：

table.gh td {
    padding: 0;
}

表格单元格之间的空间

1 个答案: