CSS设置div垂直水平居中
第一种：
position: absolute;
margin:auto;
top: 0;
left: 0;
right: 0;
bottom: 0；
第二种：
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);//通过变形来搞定
第三种：
display: flex;
flex-direction: column;//column、row定义项目的排列方向
justify-content: center;
align-items: center;
第四种：
position:absolute;
left:0;
top: 0;
bottom: 0;
right: 0;
margin: auto;