水平和垂直居中方案

水平居中

水平居中:
	1.行内级元素: 设置父元素的text-align: center
    2.块级元素:设置当前块级元素(宽度) margin: 0 auto;
    3.flex:justify-content: center

垂直居中

垂直居中:
    1.垂直居中: flex布局(直接使用flex)
        弊端:
          1> 当前flex局部中所有的元素都会被垂直居中
          2> 相对来说, 兼容性差一点点(基本可以忽略)
    3.垂直居中: top/translate(个人推荐相对定位加translate, 不好理解)