关于元素居中

水平居中：

内联元素(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