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 :(不知何故，内联块不起作用，所以使用float的块会起作用，虽然我发现这有点'脏黑客'）

.t{
    padding: 10px 0;
}

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

这似乎有效。 Fiddle