【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;  //垂直居中需要设置容器的高度值
}