css输入与按钮对齐[重复]答案

【问题标题】：css input align with button [duplicate]css输入与按钮对齐[重复]
【发布时间】：2011-06-28 10:28:32
【问题描述】：

IE 6

FireFox、Chrome、IE 8

我无法让所有浏览器的按钮对齐。. 做这种对齐有什么技巧吗？

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

【问题讨论】：

您是否使用了 CSS 重置？这应该确保您的所有边距和填充都归零：developer.yahoo.com/yui/3/cssreset
你可以在这里找到解决方案：-Make form button/text field same height in all browsers?-Equal height inputs and buttons
如果以下解决方案都不起作用，您始终可以选择使用 hack 来调整有问题的浏览器的外观，同时不影响更现代浏览器的代码。
怎么样？您可以粘贴示例链接或其他内容吗..

【解决方案1】：

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

通常是这些作品之一.....（firefox）

【讨论】：