块级元素如何在父元素中水平垂直居中的4种方式

块级元素如何在父元素中水平垂直居中
1.给父元素设置display:flex伸缩盒布局;
并且设置:
align-items:center;
justify-content:center;
2.给父元素一个定位属性，子元素使用绝对定位，并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置；然后再让子元素使用margin-left:-width/2;margin-top:-height/2;

3.给父元素一个定位属性，给子元素一个绝对定位。然后给子元素的所有配合属性设置为0px(top/left/top/bottom)并且给子元素设置margin:auto

4.给父元素设置一个display:flex;子元素设置margin:auto