水平居中：
1.margin：0 auto;
2.text-align：center；
注意：text-align是针对行内元素的居中，块级元素需要设置display为inlin-block才可以
垂直居中：
1.绝对定位-宽高的一半
2.绝对定位和margin:auto;
3.transfrom
这个方法比较高级了，用到了形变，据我所知很多大神喜欢使用这个方法进行定位，逼格很高的，学会后面试一定要用！这个是不需要知道居中元素的宽高就可以使用的，在面试中大部分人会问如果不知道宽高该如何居中，答这个，加分！对transform不了解的同学可以查阅一下资料了解一下！
4.diplay：table-cell
5.diplay：flex
6.diplay：grid
7.vertical-align:middle;
