ウェブページの中央揃え

-3

bodyウェブページのコンテンツ全体を中央揃えにするにはどうすればよいですか？ウェブページの中央揃え

text-align:centerまで整列しようとしましたが失敗しました！

2011-06-25 Rajat Gupta

width:900px; 
margin:auto;

フロートされていないことを確認します。

出典

2011-06-25 13:26:42 Artfunkel

OHKを私は「マージン：自動」が不足していた。ありがとう私の問題は解決されました。しかし、これが設定されていないとき、なぜWebページが中心でないのかわかりません。 –

デフォルトは 'margin：0'です。 :-) – Artfunkel

CSS：

div#body { 
    width:902px; //Or whatever your content width is 
    margin:0 auto; 
    padding:0; 
}

のサイトには、次のようになります方法：

<html> 
    <body> 
     <div id"body"> 
      ...The rest of your content... 
     </div> 
    </body> 
</html>

あなたはまた、jqueryのを使用することができます。また

$(window).resize(function(){ 

    $('.className').css({ 
     position:'absolute', 
     left: ($(window).width() - $('.className').outerWidth())/2, 
     top: ($(window).height() - $('.className').outerHeight())/2 
    }); 

}); 

// To initially run the function: 
$(window).resize();

あなたのためのチュートリアル：http://tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/

出典

2011-06-25 13:27:49 virusbogdan

ウェブページの中央揃え

答えて

関連する問題