css - IE7 垂直对齐“内联”元素

Question

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

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

score 0 · Accepted Answer

尝试为“字段”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;
}

这似乎有效。小提琴

1 回答 1