7种水平垂直居中方法

1.flex居中

2.flex居中。给容器设置 display: flex; 子项设置 margin: auto;

3.绝对定位

4.table-cell

5.grid居中

6.grid居中。给容器设置 display: grid; 子项设置 margin: auto;

7.伪元素