我正在尝试构建如下所示的布局:
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;
}
关于html - 如何在此布局中添加新的 flex 元素作为列而不是行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42771836/