主要记住两种实现方法:
1 用绝对定位
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
width: 80%;
2 flex布局
在父元素指定
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;