Angular Material: Mat-Card限制显示高度

Question

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

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

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

更新：忘记代码link

Answer 1

我只是添加了这个 class 并且成功了！

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

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

Angular Material: Mat-Card restrict height for display