- 使用flex布局
<div class="content">
<div class="box">
</div>
</div>
.content{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
【注意】若垂直居中失效，是因为content盒子缺少高度，height:100%无法撑开盒子
标签：居中,content,center,flex,height,垂直,CSS From： https://www.cnblogs.com/yqquinn/p/17777137.html