divを垂直方向にセンターするにはどうすればよいですか？

私はメインのコンテンツ部門を垂直方向に集中させたいと思います。私はjQueryやCSSを使用していますが、余分なラッパーdivタグを避けることをお勧めします。divを垂直方向にセンターするにはどうすればよいですか？

私は何をする必要がありますか？

2010-12-05 Moshe

のjQuery：

$(document).ready(function() { 
    $('#main').css('position', 'relative'); 
    $('#main').css('top', (($('#main').parent().height() - $('#main').height())/2) + "px"); 
});

出典

2010-12-05 10:29:31

これは機能しませんでした。 – Moshe

http://www.jsfiddle.net/eKrzv/ –

ああ、あなたはラッパーdivが必要です。明らかにそれなしでそうする方法はありません。 – Moshe

この質問は基本的にはthis oneと同じですが、次の記事をお勧めします。

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

出典

2010-12-05 10:11:54 cww

私はそのページ上のデモを見てみると、最初の1（ '有効' 1）がいずれかのFF 3.6またはSafariで動作しません5私のMacで。しかし、「最終的な」ものが機能します。私はすべてのバリエーションを見ていませんでした。 – aptwebapps

divを垂直方向にセンターするにはどうすればよいですか？

答えて

関連する問題