关于使用弹性布局无法垂直居中的问题
如图中样式使用了弹性布局
css代码：
.user-login{
background-image: url(../images/user-login.png);
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items:center;//这里是垂直居中
justify-content: center;
}
.login{
width: 570px;
height: 645px;
background: #fff;
}
html代码：
那么为什么没有垂直居中没有起到效果呢？而水平居中起到了效果。那是因为body缺少来高度，做好是使用100vh进行设置，而100%的高度是不起作用的