HTML input type="submit" 将表格中的行高加倍

【问题标题】：HTML input type="submit" doubles row height in tableHTML input type="submit" 将表格中的行高加倍
【发布时间】：2017-06-03 05:56:03
【问题描述】：

我有一个 HTML 表格，其中一些行有一个像这样的按钮：

  <td >
    <form action="..." method="GET">
      <input type="submit" value="..."/>
    </form>
  </td>

具有输入的行的高度大约是其他具有相似数据的其他行的两倍。当我只删除输入时，行高恢复正常。我在 Firefox 和 IE 中的行为相同。

有什么方法可以让我拥有正常的行高和<input/> 按钮？

【问题讨论】：

【解决方案1】：

<form> 标记在大多数浏览器中默认添加一些空白。这很可能是问题所在。尝试将以下内容添加到您的级联样式表中：

form {
    padding: 0;
    margin: 0;
    display: inline;
}

如果做不到这一点，我们可以“暴力破解”其他一些选项：

input {
    margin: 0;
    display: inline;
}
td {
    padding: 0;
}

（当然，如果可能，替换更具体的选择器。）

如果这不起作用，请尝试使用 Firebug 之类的工具来确定空间的其他来源。

【讨论】：