Css IE7“垂直对齐”；内联“；元素

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

我试图设置label

vertical align:middle

样式，但不起作用

---

它的小提琴：

尝试为“field”div设置一个高度，并将

行高度

属性设置为：

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

编辑

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

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

---

这似乎奏效了

如果你有IE9，你可以测试7和8以及F12，然后只需将docmode和browser模式更改为你想要测试的浏览器谢谢。第一个解决方案不起作用。但第二个是这样的，如果我为label设置

display:inline block

，是的，我正要把它添加到我的答案中。伟大的你说内联块不起作用。。但它确实IE 6和7中完全支持内联块

.t{
    padding: 10px 0;
}

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