我一直试图显示每行三列。是否可以使用flexbox?
我当前的CSS是这样的:
.mainDiv {
display: flex;
margin-left: 221px;
margin-top: 43px;
}
此代码将所有内容放在一行中。
我想添加一个约束以仅显示每行三个记录。
最佳答案
这可能是您要寻找的:
http://jsfiddle.net/L4L67/
body>div {
background: #aaa;
display: flex;
flex-wrap: wrap;
}
body>div>div {
flex-grow: 1;
width: 33%;
height: 100px;
}
body>div>div:nth-child(even) {
background: #23a;
}
body>div>div:nth-child(odd) {
background: #49b;
}
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
关于html - 如何显示每行三列?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24197007/