CSS输入框和按钮如何对齐

Question

IE 6

FireFox, Chrome, IE 8

对于所有浏览器，我无法使按钮对齐。有没有什么方法可以解决这个问题？

input, button {
   float: left;
   height: 20px;
}

- Basit

---

你正在使用CSS重置吗？这应该确保所有的边距和填充都被清零：http://developer.yahoo.com/yui/3/cssreset/ - Shane Garelja

您可以在这里找到解决方案：- 在所有浏览器中使表单按钮和文本字段高度一致？ - 相等高度的输入框和按钮 - A.Baudouin

如果以下解决方案都不起作用，你总是可以使用一些小技巧来调整外观以适应一些旧版浏览器，同时不影响现代浏览器的代码。 - Moses

怎么做？你能贴一个示例链接或其他东西吗？ - Basit

Answer 1

vertical-align: bottom;
 vertical-align: top;

通常其中一个会起作用.....（火狐浏览器）

- Mikeys4u