CSS中居中的几种方式
1.水平居中margin：0 auto；块级元素在块级元素中居中设置在子元素上，前提是不受float影响2.text-align只对行级元素有用,行级元素设置浮动，或者设置定位之后。给它的父元素设置text-aglin：center不会使它在父元素中居中3.margin:0 auto对于已经定位的元素没有作用,已经定位的元素靠left和top定位4.text-align只能让其div包含的行级元素中的文字或者是行块级元素中的文字水平居中5.text-align这个属性只作用于文本元素，在p标签中在没有border的情况下，作用于让文本在div中居中，在文本有border**的情况下，作用于让文本内容在border范围内居中。这时若是想让p标签整体在div中居中，则需要设置margin：0 auto来达到居中效果
2.水平垂直居中
需要水平垂直居中的元素减去margin的宽高一半，这个方法同样适用于float的元素margin-auto水平垂直居中
水平垂直居中（三）
绝对定位和transfrom很厉害的方式水平垂直居中（四）
利用C3的新特性flex，在移动端使用完美，pc端有兼容问题