2

メインdivの中心を設定するにはどうすればよいですか？いろいろ試してみますが、できません。左右は大丈夫そうです。垂直位置プロパティを変更するにはどうすればよいですか？私はこれらを試しました：

margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;

vertical-align:middle;

これらは機能しません。

#main 
 {
    width:1024px;
    height:600px;
    position:relative;
    z-index:1;
    margin:auto auto;
    text-align: center;


 }
4

3 に答える 3

3

実例（以下のチュートリアルの方法2を使用）：http：//jsfiddle.net/heAXR/1/

これは優れたチュートリアルであり、コンテンツを垂直方向に中央揃えするいくつかの方法を示しています。http: //blog.themeforest.net/tutorials/vertical-centering-with-css/

私は記事で説明されている方法3のファンです、ここにデモがあります：http: //douglasheriot.com/tutorials/css_vertical_centre/demo5.html

于 2012-10-11T08:09:12.767 に答える
1

このチュートリアルがあなたを助けるかもしれません

http://phrogz.net/css/vertical-align/index.html

于 2012-10-11T07:55:16.797 に答える
0

divを水平方向に等しくするための解決策がありますmargin: 0px auto;。jqueryを使用して垂直方向に行うことができます。

$(document).ready(function(){
   var height = $(window).height();
   var width = $(window).width();
   var mainHeight = $('#main').height();
   var mainWidth = $('#main').width();
   $('#main').css({"top" : height/2 - mainHeight/2 }).css({ "left" : width/2 - mainWidth/2});
});
于 2012-10-11T08:12:06.547 に答える