IE7垂直“内联”元素

Question

我有一个IE7的问题..我添加了填充到我的输入（顶部和底部）。在Firefox和其他中，标签显示在中间，但在IE7中，它显示在底部......并在IE8中位于顶部。

我试图设置标签vertical-align:middle样式，但它不起作用。

其小提琴：http://jsfiddle.net/w2wTA/4/

Answer 1

尝试设置高度的 '场' DIV，并设置line-height属性等于：

#field { 
    height: 40px; 
    line-height: 40px; 
} 

编辑

您也可以尝试添加一个类到标签和输入，设置填充：

<div id="field"> 
    <label for="t" class="t">Input:</label> <input type="text" id="t" class="t"> 
</div> 

CSS：（不知何故，inline-block的不工作，所以有浮动块就可以了，但我觉得这是一个有点“肮脏的黑客”的）

.t{ 
    padding: 10px 0; 
} 

label{ 
    vertical-align: middle; 
    display: block; 
    float: left; 
} 

这似乎是工作。 Fiddle