html - 绘制表格，并将具有特定类的 div 放入新行

Question

我有一些渲染数据，我想“在表格中”显示它。我如何使用 CSS 来实现它？（也许 flex 可以帮助我）

<div class="test">1</div>
<div class="test">2</div>
<div class="newRow">3</div>
<div class="test">4</div>
<div class="newRow">5</div>
<div class="test">6</div>

预期的结果，如下所示：

1 3 5 

2 4 6

* 

div 由 angular2 循环 (ngFor) 渲染。可能有2个或更多。我需要更多的动态解决方案，这取决于“class="newRow"" - 行尾。

Answer 1

也许试试这个：

<div>
<div class="test">1</div>
<div class="test">3</div>
<div class="test">5</div>
</div>
<div>
<div class="test">2</div>
<div class="test">4</div>
<div class="test">6</div>
</div>

CSS：

.test{
  display:inline;
}

在这里摆弄：https ://jsfiddle.net/d0Ltnenp/2/