html - 如何将文本输入与图像按钮对齐？

Question

我有一个表单，其中最后一行输入字段后跟 2 个图像按钮。

无论我尝试什么，我似乎都无法将按钮与字段水平对齐。

这是所有代码：http: //jsfiddle.net/h3ZPk/

Answer 1

添加此规则：

#buttons img, #buttons input {
    vertical-align:bottom;
}

jsFiddle 示例。

Answer 2

我不经常推荐这个，但请使用一张桌子。它们是老式的，但它们在表单上工作得很好。

<table>
  <tr>
    <td>Label1</td><td><input type="text" /></td><td></td><td></td>
  </tr>
  <tr>
    <td>Label2</td><td><input type="text" /></td><td></td><td></td>
  </tr>
  <tr>
    <td>Label3</td><td><input type="text" /></td><td><input type="button" /></td><td><input type="button" /></td>
  </tr>
</table>

---

编辑：

http://jsfiddle.net/h3ZPk/6/