Css在行和列中显示div

Question

我有一个数据数组，需要按顺序创建div。问题是如下所示显示这些div：

是否可以在css中执行此操作？提前谢谢。

Answer 1

使用flexbox来实现上述配置。

请检查并告诉我您的反馈意见。谢谢！

＆＃13;

＆＃13;

.wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 150px;
}
.wrapper > div {
  background: #ddd;
  line-height: 50px;
  height: 50px;
  margin: 5px;
  text-align: center;
}

＆＃13;

<div class="wrapper">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
</div>

＆＃13;

＆＃13;

＆＃13;