0

我的 IE7 有问题。我在输入中添加了填充(顶部和底部)。在 Firefox 等中,标签显示在中间,但在 IE7 中,它显示在底部……而在 IE8 中,它显示在顶部。

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

它的小提琴:http: //jsfiddle.net/w2wTA/4/

4

1 回答 1

0

尝试为“字段”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:(不知何故,内联块不起作用,所以用浮点数块就可以了,虽然我觉得这有点“肮脏的黑客”)

.t{
    padding: 10px 0;
}

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

这似乎有效。小提琴

于 2012-09-14T08:13:32.237 回答