自绝父相

现在有一个父盒子和一个子盒子
要想让子盒子相对父盒子居中很简单，在子盒子上加上属性即可

margin: 0 auto;

如果说要变成水平垂直居中呢，加上两个auto?结果肯定是不行的
得这样
用到所谓得子绝父相
首先父亲要相对定位
然后儿子设置成这样

		left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;

如果想要和第一种方法一样，但不想用margin，可以这样

  left: 50%;transform: translate(-50%);position: absolute;

flex布局

父

display： flex；
justify-content: center;
align-items: center;