水平居中：

內(nèi)聯(lián)元素(inline,inline-block)：

在父級元素上添加樣式：text-align ：center；

塊級元素（block）：

給自身添加樣式：margin-left/right ：auto;

垂直居中：

1,可以直接在父級元素添加一樣的上下padding，如果是inline-block元素，需要注意給它自身添加vertical-align：top樣式，如果不寫見下例bug：

bug

2，如果是單行文本垂直居中，在父級元素給死寬高的情況下，設(shè)置元素的行高等于父級元素高度。

3，可以用vertical-align樣式加上父級元素的::after偽元素居中：

偽元素

4，絕對定位垂直居中，樣式給到自身：

已知元素高度

未知元素高度

若想實現(xiàn)水平垂直雙居中，加上left，translatex的值，同理

5，display：table-cell，該屬性給到父級元素 ：

table-cell

6，display：flex布局：

flex