具有 2 列和行对齐的 Angular ngFor

Question

我有一个 Angular5 应用程序，并且有一个字符串数组，我想在 2 列中显示这些字符串。我有以下代码:

<div *ngFor="let singleItem of sevices;">
    <div style="width: 45%; float: left;background-color:red">
        {{singleItem}}            
    </div>        
</div>

这是有效的，但是如果字符串太长，它可能会导致一行的左侧看起来像一个空列。我希望能够在一行中显示左列和右列，并使每列的顶部对齐。任何想法如何做到这一点？

Answer 1

最简单的解决方案是添加 CSS 类“column-count:2;”到我的外部 div。