angular - 如何在 Angular Material 设计组件中更改 Mat-Card 元素的高度

Question

我在 angular 5 应用程序中有以下代码。它使用 *ngFor 生成如下图所示的 mat-card 序列。但是所有 mat-card 的高度与第一个 mat-card 的高度相同。

         <div fxLayout="row">
          <mat-card *ngFor="let section1 of sections" fxFlex="33" style="margin: 15px;">
               <mat-card-header>
                    <mat-card-title>{{section1}}</mat-card-title>
               </mat-card-header>
               <mat-card-content>
                    <form>
                      <!-----form data goes here ---->
                    </form>

               </mat-card-content>

         </mat-card>

      </div>

结果是下面的垫卡列表，但问题是所有垫卡的高度与循环中第一张垫卡的高度相同。有没有办法根据它承载的内容使其动态化？

Answer 1

套装fxFlexAlign="stretch"将所有垫卡放在相同的高度。