0

私には 2 つの要素があります。入力フィールドと 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;

}

...
4

1 に答える 1

1

使うだけ

td input {
    vertical-align:middle;
}

すでにテーブルがあるのは良いことですが、CSS による垂直方向のセンタリングは簡単ではありません。

ところで: 2 つの div と絶対配置の代わりに、使用する可能性がありますmargin-left: -30px;

于 2012-10-02T14:28:58.060 に答える