【发布时间】：2011-09-05 16:12:12
【问题描述】：
我正在开发我的新网站，并在多个浏览器中进行了检查：ie6+、chrome、safari 和 firefox。
我注意到 Firefox 将我的按钮的顶部偏移显示在错误的位置 - 比如 top=-1，我无法以正常方式修复它...
这是一个例子 http://jsfiddle.net/7XRZG/
谢谢
【问题讨论】：
【发布时间】：2011-09-05 16:12:12
【问题描述】：
button 输入和text 输入在 Firefox 中似乎具有不同的默认垂直对齐属性。尝试将它们明确设置为相同的东西。例如：
<input type="text" style="height:19px;border:1px solid silver;font-size:10px;vertical-align:text-top;">
<input type="button" value="Search" style="margin-left:5px;background-color:#f5f5f5;color:#707070;border:1px solid #e3e3e3;font-size:9px;padding:0 10px;height:21px;font-weight:700;vertical-align:text-top;">
【讨论】：
-
它修复了firefox问题，但在ie6中引起了同样的问题。我知道我可以让 CSS 条件来检测是否 IE6 - 但我仍然想看看是否有更好的解决方案
-
我很高兴我的网站不再需要支持 IE6。也许如果你为
vertical-align尝试不同的值，它会修复：中间、顶部、底部、基线等。 -
vertical-align: middle;已在 Firefox 中修复，但在 ie6 中没有任何问题。所以这就是解决方案。谢谢！