如何在Angular 2模板中开始一个新行

Question

我现在正在研究Angular 2。在我的模板中，我使用以下内容显示我从API获得的数据

<div class="blocks">
  <div router-active class="block" *ngFor="let item of items">
    <div class="inblock">
      <p class="title">{{ item.name }}:</p>
    </div>
  </div>
</div>

一切正常，但如果其中一个div高度高于其他高度，它看起来就像下面的图像

我想要一个只有三个div的好行，三个你开始一个新块后，我知道如何正常做但我无法弄清楚如何用Angular 2做到这一点！

更新：我不想要固定的高度，因为内容可以和用户一样长！所以用CSS添加固定高度不会解决问题

Answer 1

您将找到使用css的解决方案。拿这个代码：

selectItem.setTextBoxStyle("newSelectItemFontStyle")

上面的代码使用float来使块内联。使用nth-child，您可以告诉它清除每个第3个区块。

Answer 2

为什么不创建一个＆＃39; css＆＃39;与您的模板相关联并将其传递给styleUrls属性。在那个CSS中，你可以玷污一个类并设置任何你喜欢的div属性，并将该类名传递给元素。