绘制表格，并将特定类放在新行中

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
* 

divs由Angular2循环（NGFOR）渲染。可能有2个或更多。我需要更多的动态解决方案，这取决于" class =" newRow" - row。

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/