我暂时没有这样做过。我只想根据以下内容检查制作盒子的方法:
答案 0 :(得分:0)
这是一个难题,2018刚刚开始,我认为我的解决方案是2016 xD,但你要求看起来像是可以用' flex'完成的事情。如果你真的想用flex来深入了解它,请查看post,你也可以尝试使用css网格,但我更喜欢flex。
.box {
color: white;
}
.row {
display: flex;
flex-flow: row wrap;
}
.row div {
flex: 50%;
text-align: center;
}
.blue {
background: blue;
}
.red {
background: red;
}

<div class="box">
<div class="row red">
<div>1</div>
<div>2</div>
</div>
<div class="row blue">
<div>3</div>
<div>4</div>
</div>
</div>
&#13;