Typescript 带有垫卡和垫卡动作/垫卡页脚的垫网格列表

我在angular 6和材质设计中有以下代码：

<div class="grid-container">

  <h1 class="mat-h1">Candidatos</h1>

  <mat-grid-list cols="5" gutterSize="20px" class="list-candidatos">

    <mat-grid-tile *ngFor="let candidato of candidatos">

      <mat-card class="candidato-card">

        <mat-card-header>
          <mat-card-title>{{candidato.nome}}</mat-card-title>
        </mat-card-header>

        <mat-card-content>
          &nbsp;
        </mat-card-content>

        <mat-card-actions>
          <button mat-button>Edit</button>
        </mat-card-actions>

      </mat-card>

    </mat-grid-tile>

  </mat-grid-list>

</div>

但无论我在css中做了什么更改，我都无法使mat card动作或mat card页脚保持在卡的底部。 因此：

结构是正确的还是缺少什么

如果正确，如何将垫卡动作/垫卡页脚放置在垫网格平铺的底部

---

尝试将

mat-card

（带或不带页脚、图像或页眉）或使用

mat-card

带

fxFlex

值的自定义组件放入

div

或任何带

fxLayout=“row wrap

的元素中，如下所示：

<div fxLayout="row wrap">
    <mat-card *ngFor="let obj of objects" fxFlex="50">{{obj}}</mat-card>
</div>

{{obj}}

---

这个问题类似于将

mat-card

（带或不带页脚、图像或页眉）或使用

mat-card

带

fxFlex

值的自定义组件放在

div

中，或任何带

fxLayout=“row wrap

的元素中，如下所示：

<div fxLayout="row wrap">
    <mat-card *ngFor="let obj of objects" fxFlex="50">{{obj}}</mat-card>
</div>

{{obj}}

---

此问题类似于

在CSS中尝试此方法，它将解决页脚问题

.mat-card{
  display:flex;
  flex-direction: column;
}

.mat-card-header {
  flex-shrink: 0;
}

.mat-card-content{
  flex-grow: 1;
  overflow: auto;
}

---

在CSS中试试这个，它将解决页脚问题

.mat-card{
  display:flex;
  flex-direction: column;
}

.mat-card-header {
  flex-shrink: 0;
}

.mat-card-content{
  flex-grow: 1;
  overflow: auto;
}

---

你们进口了MatCardModule吗？您的示例代码看起来不错，但它不包括mat card footer，因此这可能不是您真正的代码。创建一个有效的StackBlitz示例，或者至少发布您所有的实际代码。我放置的代码只包含mat card动作，但我尝试使用mat card页脚，但都不起作用。很抱歉造成混淆#以防万一，如果您没有在

垫卡上使用
高度：100%
，我会创建：To code:Footer位于正确的位置。这可能是一个错误。除了在卡片上使用高度，我认为你的代码没有任何“错误”。你导入了MatCardModule吗？您的示例代码看起来不错，但它不包括mat card footer，因此这可能不是您真正的代码。创建一个有效的StackBlitz示例，或者至少发布您所有的实际代码。我放置的代码只包含mat card动作，但我尝试使用mat card页脚，但都不起作用。很抱歉造成混淆#以防万一，如果您没有在
垫卡上使用
高度：100%
，我会创建：To code:Footer位于正确的位置。这可能是一个错误。除了在卡片上使用高度，我认为你的代码没有任何“错误”。