元素的水平居中
1）行内元素的水平居中：text-align
2）块级元素的水平居中：margin：0 auto
元素的垂直居中
1）行内元素：line-height设置为与父级元素的高度一样大
2）块级元素：可以给父级使用相对定位，子级使用绝对定位并margin:auto;，将top、left、right、bottom为0
3）给父级和子级都加绝对定位，再给子级添加top：calc（50% - 子级元素高度一半）
left：calc（50% - 子级元素宽度一半）
4）给父级相对定位，子级绝对定位：left：50%；top：50%；
margin-left：-子级元素宽度一半；margin-top：-子级元素高度一半
5）给父级一个display：flex； align-items：center；再给子级添加：margin：0 auto；