鍍金池/ 問(wèn)答/UI  HTML/ 求教一個(gè)flex垂直居中的問(wèn)題

求教一個(gè)flex垂直居中的問(wèn)題

求教一個(gè)問(wèn)題：
css如下圖：

clipboard.png

我想背景圖是垂直居中，但出來(lái)的效果是致頂，如下圖：

clipboard.png

怎樣才能使期垂直居中？

我明明設(shè)了背景的上一級(jí)容器為：
display: flex;
align-items:center;

.login-con 這個(gè)div就可以做到垂直居中，就是&-bg這個(gè)背景div沒(méi)法垂直居中

回答
編輯回答
櫻花霓

垂直居中沒(méi)問(wèn)題的，看看你.login的高度，你.login的高度估計(jì)是被子元素?fù)纹鸬?，高度不夠，所以高度為子元素高度，沒(méi)辦法居中的，你要設(shè)置.login的高度才行

2018年1月5日 13:39
編輯回答
玩控
-webkit-justify-content:center;
    justify-content:center;
2018年4月15日 22:31