我一直试图显示每行三列。是否可以使用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/

10-12 12:32
查看更多