html

Question

重複の可能性:
jQuery を使用して DIV を画面の中央に配置する

私はそれがテーブルで動作することを知っていますが、現在、テキストを (中央に) 垂直方向に自動配置する方法はありませんか? 信じられない...

<div class="content">
    This is my text
</div>

CSS

.content
{
    width:80px;
    height:150px;    
    background-color:#aeaeae;
}

score 4 · Accepted Answer

display: table-cell; vertical-align: middle;あなたのdiv, demo: little linkに追加してください。

これを IE7 で動作させるには、これを使用できます: another little link。display: table-*;ブラウザーが IE6/7 であることを検出し、要素を実際の HTML テーブルに置き換えます。

score 1 · Accepted Answer

これは、複数のオプションとそれぞれの評価を含むサイトです。私はテーブルベースのものを使用して成功しました。

score 0 · Accepted Answer

.content
{
    width:80px;
    height:150px;    
    background-color:#aeaeae;
    display:table-cell;
    vertical-align:middle;
}

これは役立つはずです