导语：让div水平垂直居中，先从情况出发：分为知道div的宽高，和未知div的宽高,下面将从这两种情况来讲。
知道div的宽高
1.绝对定位方法：设置margin-left，margin-top值为当前div宽高一半的负值

div{
    width:600px;
    height: 600px;
    background:red;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-300px;
}

2.绝对定位方法：设置top left right bottom 都设置0

div{
    width: 600px;
    height: 600px;
    background:red;
    position:absolute;
    left:0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

3.table-cell实现水平垂直居中: vertical-align: middle组合使用

div {
    width:600px;
    height:600px;
    background:red;
    display: table-cell;
    vertical-align: middle;
}

未知div的宽高
1.绝对定位方法：采用 transform: translate(-50%,-50%);

div{
    background:red;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}

码字不易，亲亲来个赞吧！