为了方便大家简单易懂，这里只写核心代码

先看看html页面

<div class="center">
    <span></span>
<div>

第一种方式，需要将父标签都设置高宽100%

.center{
    display:inline-flex;
    align-items:center;
}

第二种,需要将父标签都设置高宽100%

.center{
    display:flex;
}
.center span{
    margin:auto auto;
}

第三种，使用绝对定位

.center{
    position: fixed;
    top: 50%;
    left: 50%;
}