表格中的 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;"