div标签在body里水平垂直居中

水平居中： div标签在整个body里居中的方法用CSS控制即可，body{text-align:center;} .box{margin: 0 auto;} 类box就是在整个body里水平居中

垂直居中：div在body里的垂直居中用CSS控制都不是很有效果，所以用js来控制比较管用,代码如下（jQuery）:

function SetPostion(){

        var wheight = $(window).height();    //浏览器的高度

        var boxheight = $(“.box”).height();     //box的高度

 

        //浏览器的高度若大于box的高度，才设置box垂直居中

       if(wheight > boxheight){            

             var h = (wheight -boxheight)/2;         //计算box距顶端的距离

            $(“.box”).css(“margin-top” ,h+”px”)   //设置box的margin-top属性

         }

}

名为box的css类就垂直居中了

以上两种结合就可以实现整体的居中，在body里的水平居中和垂直居中