【无标题】

一．css水平垂直居中(无需知道父子盒子的宽高)

方法1.弹性布局
display:flex;
justify-content:center;
align-items:center;

方法2.margin（需要设置父子盒子的高度）
.marign:自身高度的一半，auto;

方法3.
利用文本水平居中text-align: center和行高line-height进行实现
.子盒子添加vertical-align: middle;

方法4. 利用子绝父相和外边距margin实现
设置相对定位绝对定位
绝对定位的四个方向的位移都设为0
margin属性值设置为auto

方法5. 利用子绝父相和位移实现
设置相对定位绝对定位
top:50%;
left:50%;
transform:translate(-50%,-50%)