1

左側に div があり、右側にテキストがあります。テキストの長さは 2 行または 3 行にすることができ、左側の div をそのテキストの垂直方向の中央に配置したいと考えています。私はオンラインで調べましたが、テーブルを使用せずにこれを行う方法はすべて複雑なようです。これを行う簡単な方法はありますか？

ほとんどの提案は、 「CSS テーブル」を使用するhttp://www.jakpsatweb.cz/css/css-vertical-center-solution.htmlを指しているようです。CSS テーブルは進むべき道ですか? それは、HTML テーブルを使用するよりも本当に優れているのでしょうか?

4

2 に答える 2

0

絶対配置でそれを行うことができます。

コードを次のように変更します。

<div id="right-content"><div id="the-left-hand-div">whatever goes here</div><p>The content</p></div>

CSS を次のように設定します。

#right-content {
    float: left;
    position: relative;
    margin-left: /*the width of the the left div content plus any margin you want*/
}

#the-left-hand-div {
    position: absolute;
    left: /*negative width of the the-left-hand-div plus any margin you want*/
    top: /*height of #right-content - the-left-hand-div divided by 2 - this could be a negative value if the-left-hand-div is higher than the right-content*/
}
于 2010-03-07T14:27:05.037 に答える
0

はい、CSS テーブルは HTML テーブルよりも優れています。なぜなら、CSS テーブルは意味的な意味を暗示していませんが、プレゼンテーションを記述するために明示的に使用されているからです。

ただし、あなたの場合、CSSはvertical-align機能します。例: http://jsbin.com/itoyo3/edit。

于 2010-03-07T03:05:13.783 に答える