Angular 角度柔性布局动态行高

我们可以有布局如下图所示的帮助？AngularJS也有类似的情况-

---

您可以使用材质中的网格列表：
但我认为你正在寻找一种更具活力的方法，你不必自己定义高度。这种布局称为“砖石布局”，可以通过以下简单css实现：

HTML

<div class="masonry-layout">
  <div class="masonry-layout__panel" *ngFor="let option of options">
    <div class="masonry-layout__panel-content">
      ...
    </div>
  </div>
</div>

或者，您可以使用FlexLayoutModule执行此操作，并定义如下列：

<div fxLayout="row">
  <div class="column" fxFlex="50%>
    <div class="card">
    <div>
    <div class="card">
    <div>
  </div>
  <div class="column" fxFlex="50%>
    <div class="card">
    <div>
    <div class="card">
    <div>
  </div>
</div>

---

第一个解决方案是给出与我想要的接近的结果。但我想让列从左到右流动，而不是从上到下流动。这里有一个类似的问题——我们可以让列从左向右流动吗？

<div fxLayout="row">
  <div class="column" fxFlex="50%>
    <div class="card">
    <div>
    <div class="card">
    <div>
  </div>
  <div class="column" fxFlex="50%>
    <div class="card">
    <div>
    <div class="card">
    <div>
  </div>
</div>