[CSS]元素水平垂直居中方法

1）父元素设置display:flex; justify-content:center; align-items:center;
2）元素position:absolute；left/top设为50%；margin-left/margin-top设为元素自身宽高一半的负值 或者 transform设为translate(-50%,-50%)
ps.margin需要显示设置width和height
3）自适应居中。元素position:absolute；left/right/top/bottom设为0；margin:auto;
4）父元素display:table-cell; text-align:center; vertical-align:center; 子元素display:inline-block;