Angularjs 网格列表中的动态高度卡显示

我使用有角度的材料来创建我的网站。我想在一个网格列表中显示我的产品，每个瓷砖都有一个动态的高度，因此结果应该与此页面类似

我试着做一些类似的事情

<div class="md-padding" layout="row" layout-xs="column" layout-wrap>
 <div flex-xs="50" flex-sm="50" flex-md="33" flex-gt-md="25" ng-repeat="n in [0,1,2,3]">
   <md-card md-whiteframe="4" ng-repeat="result in result[n] | limitTo:limit" >
     ......
   </md-card>
  </div>
</div>

......

它在4列显示器中工作良好。但是，当将屏幕调整为md并以3列显示时，第4列显示在第1列下，非常难看

---

我也试过了，但没有线索，请问有人能帮忙吗

我建议使用md网格列表。我从Angular Material网站编辑了Codepen：并在瓷砖上添加了一张卡片。只要：

<md-card>
    <md-card-content>
        Hi I'm a card
    <md-card-content>
<md-card>

嗨，我是一张卡片

在瓷砖里面，离得很近

---

我建议使用md网格列表。我从Angular Material网站编辑了Codepen：并在瓷砖上添加了一张卡片。只要：

<md-card>
    <md-card-content>
        Hi I'm a card
    <md-card-content>
<md-card>

嗨，我是一张卡片

在瓷砖里面，离得很近