垂直對齊絕對位置div

Question

我有兩個要素； 輸入字段和div-一個接一個。 Div絕對位於相對元素內，並且位於輸入的右側。

輸入具有固定的高度，但div的高度取決於內容。

我想實現的是將輸入旁邊的中間垂直div對齊。 我不確定這是否可能是純CSS，所以這就是為什么我添加了javascript標簽。

HTML：

<td>
<input type="text"/>
<div id="rel" style='position:relative;'>
<div id="content">
content
</div>
</div>
</td>

CSS：

#content {

position:absolute;
left:30px;

}

...

Answer 1

只需使用

td input {
    vertical-align:middle;
}

好的，您已經有了一個表格， 通過CSS進行垂直居中並不容易。

順便說一句：您可以使用margin-left: -30px;而不是兩個div和絕對定位margin-left: -30px;