hack：
position:absolute;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;父级写：
display:flex;
align-items:center; //垂直居中
justify-content:center;//水平居中绝对定位：
position:absolute;
top:50%;
left:50%;
margin-top:-200px;//当前元素高度的一半
margin-left:-100px;//当前元素宽度的一半
margin:0 auto;
line-height:100px; //当前元素的高度
- css3的
position:absolute;
top:50%;
left:50%;
-ms-transform: translate(-50%,-50%); /* IE 9 /
-webkit-transform: translate(-50%,-50%); / Safari and Chrome /
-o-transform: translate(-50%,-50%); / Opera /
-moz-transform: translate(-50%,-50%); / Firefox */
transform: translate(-50%,-50%);
