div盒子水平、垂直居中

一.div文本的

水平居中：margin:0 auto;

垂直居中：line-height:80px;注釋：這里line-height的值要和div的高一致。

二：div盒子居中

給最外面的父元素設置寬高

給要水平垂直居中的div加定位

 

location {
 width:200px;
    height:200px;
   background-color: #00FF00;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -100px;//這里的top值等於它本身高的1/2；
    margin-left: -100px;//這里的left值等於它本身寬的1/2；
}

如下圖綠色是水平垂直居中的