水平居中：
内联元素(inline,inline-block)：
在父级元素上添加样式：text-align ：center；
块级元素（block）：
给自身添加样式：margin-left/right ：auto;
垂直居中：
1,可以直接在父级元素添加一样的上下padding，如果是inline-block元素，需要注意给它自身添加vertical-align：top样式，如果不写见下例bug：
bug
2，如果是单行文本垂直居中，在父级元素给死宽高的情况下，设置元素的行高等于父级元素高度。
3，可以用vertical-align样式加上父级元素的::after伪元素居中：
伪元素
4，绝对定位垂直居中，样式给到自身：
已知元素高度
未知元素高度
若想实现水平垂直双居中，加上left，translatex的值，同理
5，display：table-cell，该属性给到父级元素 ：
table-cell
6，display：flex布局：
flex
