Angular 材质：Mat-Card 限制显示高度答案

【问题标题】：Angular Material: Mat-Card restrict height for displayAngular 材质：Mat-Card 限制显示高度
【发布时间】：2021-12-29 03:23:16
【问题描述】：

我的布局左侧有一个mat-table - 它的高度限制为4 行，右侧有一个mat-card。这个想法是在表格旁边显示选定行的内容。基本上它应该是这样的：

我把这两个项目放在一个网格布局中。我面临的问题？如果mat-card-content 太多了，它会越过边界并且看起来很讨厌：

我试图修复它但没有成功。如何解决这个布局？如果 CSS 需要某种数学运算，如果可以跟踪计算，我将不胜感激 - 因为我的项目需要它有点不同。

更新：忘记代码的link

【问题讨论】：

【解决方案1】：

我只是添加了这个类并且工作了！

mat-card-content {
   overflow-y: scroll;
   max-height: 80px;
}

您可以根据需要更改最大高度。

【讨论】：