Firefox的行高

Question

我不知道是我的错误还是Firefox错误。我有一个文本框，其中的值是通过python动态生成的。

文本框中的值应位于文本框的中间。

它适用于IE和Chrome，但在Firefox中无效。

这是CSS：

#query
{
    margin: 0px;
    padding: 0px; 
    width: 465px;
    vertical-align: middle;
    height: 45px;
    font-weight: bold;
    font-size: 16px;
    line-height: 45px;
    color: #aaaaaa;   
    padding-left: 10px;
    display: block;
}

Answer 1

我不知道您的HTML，但是您的代码在视觉上呈现输入正确 - 只有光标渲染严重。 IE8渲染它应该，firefox从下到上拉伸光标，但一旦你开始写它将恢复正常。在chrome中，光标从顶部渲染到基线。

其他它看起来不错。如果您确实遇到问题，可以将行高更改为填充

height:29px
padding:8px 10px;

Answer 2

我想 vertical-align：middle 在firefox中不起作用......人们有一些问题。 应该尝试不同的方法。