水平垂直居中地几种方法已知宽高未知宽高

1: 给父盒子加一个display:table-cell，vertical-align:middle,text-align:center.给未知宽高地盒子加一个display inline-block
2: 给父盒子加一个display:flex;justify-content:center,align-items:center
3: 给父盒子加一个相对定位，给子盒子里面加一个绝对定位，top50%，left：50，transfrom:translate(-50%,-50%)
4: 给父盒子加一个相对定位，给子盒子加一个绝对定位，top：0；left：0，right:0 bottom:0 margin: auto;