Div垂直对齐问题

如何设置主div的中心？我会尝试很多方法，但我做不到。左右似乎没问题。我如何更改垂直位置属性？我试过这些：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; 


}

来源

2012-10-11 Melih Mucuk

（使用方法2教程以下）工作例如：http://jsfiddle.net/heAXR/1/

这是一个很好的教程，它展示了几种垂直对齐您的内容： http://blog.themeforest.net/tutorials/vertical-centering-with-css/

我是af一个在文章中描述的方法3，这里有一个演示： http://douglasheriot.com/tutorials/css_vertical_centre/demo5.html

来源

2012-10-11 08:09:12 kapser

嘿，谢谢关注。我正在尝试第二种方法，因为它适合我。但它不起作用。我有一个div，我必须设置它的中心，这就是一切。我不想与另一个div工作。（例如方法3有两个div） –

这是方法2的一个例子，你只需要一个div：http://jsfiddle.net/heAXR/如果居中的内容在另一个div里面（这是在9中10例）确保父div有位置：在它的css中相对于它的工作。 – kapser

重新阅读你的问题。下面是一个例子，其中div水平和垂直居中：http://jsfiddle.net/heAXR/1/ – kapser

可能是本教程将帮助您

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

来源

2012-10-11 07:55:16

有margin: 0px auto;解决对齐一个div水平equal.You可以使用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-11 08:12:06

Div垂直对齐问题

回答

相关问题