块级元素在父元素中水平垂直居中的方法

1、可以给父级使用相对定位，子级使用绝对定位并margin:auto;，将top、left、right、bottom为0

2、给父级和子级都加绝对定位，再给子级添加top：calc（50% - 子级元素高度一半）left：calc（50% - 子级元素宽度一半）

3、 给父级相对定位,子级绝对定位：left：50%；top：50%；
margin-left：-子级元素宽度一半；
margin-top：-子级元素高度一半

4、 给父级一个display：flex； align-items：center；
再给子级添加：margin：0 auto；