表中的HTML输入需要一些额外的空间 - CSS

Question

我遇到了以下问题：

我的表格底部总是有很小的空间（浅蓝色是空间）。 这是我使用的HTML代码：

 <table id="wysz">
   <tr>
    <td rowspan="3" style="width: 218px; height: 36px; padding: 0px;"><img src="grafa/wyszukiwara/Wysz1.jpg"></td>
    <td style="width: 253px; height: 4px; padding: 0px;"><img src="grafa/wyszukiwara/WyszGora.jpg" alt=""></td>
    <td rowspan="3" style="width: 47px; height: 36px; padding: 0px;"><img src="grafa/wyszukiwara/WyszLupa.jpg"></td>

  </tr>
  <tr>
    <td style="padding: 0px; "><form ><input style="width: 253px; height: 29px; border-style: none; display:block;" name="query" ></form ></td>
  </tr>
 <tr>
    <td style="width: 253px; height: 3px; padding: 0px; "><img  src="grafa/wyszukiwara/WyszDol.jpg"></td>
  </tr>
</table>

这是我的CSS：

#wysz{
    border:0px solid black;
    padding:0px;
    border-spacing: 0px;
    width: 513px;
    height: 36px;
    overflow: scroll;
    vertical-align: top;

}
#wysz td{
    border:0px solid black;
    border-spacing: 0px;
    padding:0px;
}
table,th,td
{
    border:0px solid black;
    background-color:lightblue;
    vertical-align: top;
}

我没有通过我的所有代码，但只是看起来很重要。

提前致谢

Answer 1

表单元素在底部生成自己的边距。将以下样式添加到表单以将其减少为0px

style="margin-bottom: 0px;"