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

时间:2018-12-10 11:59:51

标签: html css angular typescript material

我为我的应用程序使用了网格布局。在左下方的网格中,我正在使用物料卡。卡片具有动态内容,这意味着卡片的高度不同。 如何设置卡片的最大高度,以免它们在屏幕末端被切断? 而且,由于卡片具有动态内容,因此如何使卡片可滚动?

enter image description here

1 个答案:

答案 0 :(得分:2)

将此添加到您的CSS:

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

DEMO