Div垂直對齊問題

Question

如何設置主要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;


 }

Answer 1

工作示例（使用以下教程的方法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

Answer 2

可能是本教程會幫助您

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

Answer 3

有margin: 0px auto; 將div水平對齊的解決方案。您可以使用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});
});