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

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

---

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

或许可以尝试以下方法：

<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>

---

这里的小提琴：

div由angular2循环（ngFor）渲染。可能有2个或更多。我需要更多的动态解决方案，这将取决于“class=“newRow”-行末。这张桌子没有边框：1 3 5 2 4 6

1 3 5 

2 4 6

* 

<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>

.test{
  display:inline;
}