【CSS总结】CSS水平居中的方法

（1）使用margin

margin：0 auto 
text-align：center；//需要加IE hack

（2）使用定位和负margin；

wrapper{
            position: relative;
            left:50%;
            margin-left: -350px;
            width: 700px;
            top:50%;
            background-color:blue;
        }

（3）使用弹性盒子flexbox

body{
        display: flex;
        justify-content: center;  //水平居中
        align-items: center;  //垂直居中需要设置容器的高度值
    }