如何设置主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;
}
答案 0 :(得分: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
答案 1 :(得分:1)
答案 2 :(得分:0)
有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});
});