我有两个元素；输入字段和 div - 一个挨着另一个。 Div 绝对定位在相对元素内并位于输入的右侧。
input有固定的高度，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;
}
...
最佳答案
就用
td input {
vertical-align:middle;
}
很好，你已经有了一张 table ，vertical centering via CSS并不容易。
顺便说一句:您可以使用 margin-left: -30px;
关于javascript - 垂直对齐绝对定位的div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12690964/