水平居中和垂直居中

水平居中的常用方式：

　　text-align:center ——这可以实现子元素字体，图片的水平居中。

　　margin:0 auto —— 这是针对块元素的水平居中方法

垂直居中的常用方式：    

　　  vertical-align: middle;——这个垂直居中属性，只对 inline 或者 inline-block 元素有效。

　　display: table-cell;vertical-align: middle;text-align: center; 搭配使用

---

万能方法：用定位

position: absolute;
left: 50%;top: 50%;
transform: translate(-50%, -50%);

---