垂直居中的四种方法

第一种 display:flex; justify-content:center align-items:center

第二种 position:absolute left:0; right:0; top:0; bottom:0; margin:auto;

第三种 position-absolute; left:50%; right:50%; transform:translate(-50%,-50%);

第四种 position:absolute; left:50%; right:50% margin-left:-100px; margin-top:-100px;