Angular 7 Material Card 最大高度和可滚动

Question

我的应用程序使用网格布局。在左下角的网格中，我使用的是 Material Cards。卡片具有动态内容，这意味着卡片的高度不同。如何设置卡片的最大高度，以便它们不会在屏幕末尾被切断？由于卡片具有动态内容，我如何使卡片可滚动？

Answer 1

将此添加到您的 css：

.mat-card {
  max-height: 100px;
  overflow-y: auto;
}