将一个块级元素水平居中或垂直居中有几种方法？分别是什么？

水平居中：利用选择器选到该元素，

1：添加属性：margin：auto；

2：设置父元素相对定位，子元素为position：absolute；left：50%；

3：父级元素设为弹性容器：display：flex；justify-content：center；

垂直居中：

1：父级元素添加display：flex；align-items：center；

2：设置父元素相对定位，子元素为position：absolute；top：50%；

3：父元素添加display：flex；子元素设置align-self：center；

4：设置父元素相对定位，子元素绝对定位，同时设置子元素的top，bottom，left，right值为0，最后设置margin：auto。这能实现块级元素的垂直+水平居中。

5：设置父容器为display：table-cell；vertical-align：middle；

注意，align-items是针对父级容器的，而align-self是针对子元素本身。