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这样的工具来确定空间可能来自哪里。