求教一个flex垂直居中的问题

Question

求教一个问题：
css如下图：

我想背景图是垂直居中，但出来的效果是致顶，如下图：

怎样才能使期垂直居中？

我明明设了背景的上一级容器为：
display: flex;
align-items:center;

.login-con 这个div就可以做到垂直居中，就是&-bg这个背景div没法垂直居中

Answer 1

垂直居中没问题的，看看你.login的高度，你.login的高度估计是被子元素撑起的，高度不够，所以高度为子元素高度，没办法居中的，你要设置.login的高度才行

Answer 2

-webkit-justify-content:center;
    justify-content:center;