我试图垂直对齐包装器的子DIV,但不幸的是没有成功。要求是屏幕宽度和高度为满屏,有两个子
DIV 垂直和水平居中。 (通过jQuery处理div的高度以使窗口高度)
注意:我不想让子DIV width:100%
这是我尝试过的:
.wrapper {
width: 100%;
height:100%;
min-height:600px; /*just for example*/
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background:#e1e1e1;
}
.row1 {
background: #cdcdcd;
}
.row2 {
background: #404040; color:#fff;
}
<div class="wrapper">
<div class="row1">This is row one</div>
<div class="row2">This is row two</div>
</div>