HTML输入类型=“提交”在表格中加倍行高

Question

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

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

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

我有没有办法让正常的行高和<input/>按钮？

Answer 1

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

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

如果做不到这一点，我们可以“强行”使用其他一些选项：

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

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

即使这样做不起作用，也可以尝试使用像Firebug这样的工具来确定空间可能来自哪里。