我正在尝试构建如下所示的布局:
section {
display: flex;
flex-wrap: wrap;
}
div {
width: 30vw;
height: 20vw;
background: floralwhite;
margin: 0 5vw 10vh 5vw;
}
div:first-of-type {
margin-left: 0;
}
<section>
<div></div>
<div></div>
<div></div>
<div></div>
</section>
除此以外,问题是将其他
<div>
元素添加为新行。如何通过将新的
<div>
元素添加为新列来实现此布局? 最佳答案
在CSS中更改此设置:
section {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}