html - コンテナ div を垂直方向に中央揃え

Question

コンテンツがコンテナーに動的に追加されるツールバースタイルのナビゲーションメニューを作成しています。

コンテナ div の中心を画面の中心に垂直に揃えたい。

これが本来あるべき方法ではないことはわかっていますが、この垂直方向の配置を行う別の方法を見つけることができません。どんな助けでも大歓迎です。

score 4 · Accepted Answer

中央に配置する必要があるコンテンツの高さがわかっている場合は、その高さの半分を取り、次のようなものを使用できますmargin-top:-(contentHeight/2)px

http://cssdeck.com/labs/atwispr6の例を参照してください。ここでは、コンテンツが 300px であることを知っているので、半分を取得すると 150px になります。そうmargin-top:-150px

編集例を動的にするために更新しました

    $(function(){
        var $container = $("#container")    
        $container.css("margin-top", "-" + ($container.height()/2) + "px");
    });

3 に答える 3