如何反复动态增加div（顶部的div和顶部的div）

Question

如果我们认为我们有一个包含未知数量标签的包装div。

<div class="wrapper">
    <div> Tab1 </div>
    <div> Tab2 </div>
    <div> Tab3 </div>
    <div> Tab4 </div>
    <div> Tab5 </div>
    <div> Tab6 </div>
    <div> Tab7 </div>
    <div> Tab1 </div>
    <div> Tab1 </div>
</div>

如何动态增加Tabs Div？我希望这个安排就像Div up，Div down，Div up，Div down等...... 如下图所示。

Answer 1

该解决方案在CSS中的代码如下：

div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}