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垂直對齊問題

回答

相關問題