水平居中
行内元素: text-align:center
块级元素: margin:0 auto
绝对定位和负边距: absolute + margin
flex布局: flex + justify-content:center
绝对定位和移动: absolute + transform
垂直居中
子元素为单行文本: line-height
absolute + transform
flex + align-items:center
table: display:table-cell; vertical-align: middle
利用position和top和负margin
水平垂直居中
1. 已知元素宽高:绝对定位+margin:auto:
2. 已知元素宽高: 绝对定位+负margin
3. absolute+transform
4.flex + justify-content + align-items
