Question

我遇到了一个非常奇怪的错误，FF3.5.9（可能更低）它正在移动输入：输入下方的文本：提交。最奇怪的是它正在使用IE6 / 7/8，Chrome，Safari和Firefox 3.6。这是一个测试页面，您可以看到它是如何标记的：http://paste-it.net/public/s6479e6/

我可以通过添加padding-bottom（15px）解决FF3.5.9的问题，但这会让其他浏览器无法运行。

是否有其他人遇到类似问题并找到了解决办法？看起来像这样一个小问题，但我无法找到它的修复，我不是真的需要绝对定位输入，因为这似乎太hacky！

感谢您的时间，

Answer 1

FF 3.5.9中有一些奇怪的错误。特别是一个javascript错误，它引发了一个合法的声音错误，FF是我的主要Javascript调试器，我在一个可怕的时间里花了2个小时吮吸。

深入检查文档我发现FF符合其他人没有的规范。现在FF的稳定性不是很好，所以你可能不得不打破相信FF总是正确而其他浏览器都是错误的习惯。你可能想要关注Mozilla的博客，看看他们在说什么，这样你就会减少意外。

基本上是亚历克斯所说的，但是暂时对FF更加警惕。

Answer 2

所以看起来没有一个干净的选项...如果其他人最终有这个选项我最终只是浮动输入：提交。不好但是有效。

感谢大家的帮助！

编辑： vertical-align:middle完成了这项工作！

Answer 3

似乎firefox 3.5有一个浏览器定义为“line-height：normal！important”，这使得你无法通过设置高度/行高来使文本居中。

Answer 4

line-height 与输入的高度相同？如果没有，请尝试设置它。

例如：

 input[type="text"] {
   height: 50px;
   line-height: 50px;
 }