绘制 table，并将 div 与特定的 class 放入新行

Question

我有一些渲染数据，我想显示它"in table"。我如何使用 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>

预期结果，如下所示：

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

Fiddle 这里：https://jsfiddle.net/d0Ltnenp/2/

绘制 table，并将 div 与特定的 class 放入新行

Draw table, and put div with specific class to new row

html

css

tabular

flextable