DIV居中的几种方法

1.

 body{  
       text-align:center;  
 }

缺点：body内所有内容一并居中

2.

.center{
      width:500px;
      margin: 0 auto;
}

缺点：需要设置div宽度

3.

.center{
   margin: auto;
   position: absolute;
   left: 0;
   right: 0; 
   top:0;
   bottom:0;
}

4.

.cent{
     position: absolute;
     top: 50%;
     left: 50%;
     -ms-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%); 

}

缺点：需要支持Html5

5.img剧中

水平居中：text-align:center

垂直居中：vertical-align:middle