CSS垂直水平居中

1、position:absolute; left:50%; top:50%; margin-left:-(width/2)px; margin-top:-(height/2)px;

2、position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;

3、position:absolute; left:50%; top:50%; tranform:translate(-50%,-50%);

4、position:absolute; left:50%; top:50%; tranform:translate(-(width/2)px,-(height/2)px);

5、父元素：display:flex; justify-content:center; align-items: center;

注意：1和4需要知道元素自身宽高，5是设置给父元素的