绘制表格,并将具有特定类的 div 放到新行

最大K

我有一些渲染数据,我想在“表格中”显示它。如何使用 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”” - 行尾。

西奥孤儿

也许试试这个:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章