垂直水平居中

一、div的宽度和高度已知的情况下

　　

<div class="middle"></div>

.middle {
    width: 200px;
    height: 200px;
    background-color: orange;

    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -100px;

}

二、