css - Angular Material 台的高度不低于某个最小高度

Question

我在我的元素中使用 mat-table 并希望将行高设置为 20-30 像素。

当我设置 height: 25px 时，我得到的是 47.8px 的实际高度，如果我将 height 设置为大于 47.8px 的值，行高会增加，这意味着这不是 css 选择器和特异性的问题。

我正在使用这样的指令:

<table mat-table [dataSource]="dataSource" [ngClass]="classes"></table>

在我的CSS中我有:

.mat-cell, .mat-header-cell {
  padding: 0 10px;
  height: 25px;
}

我已经检查过，似乎没有在任何地方设置 min-height 属性。

Answer 1

你需要做的:

.mat-row {
  height: 25px;
}

在这里你可以看到一个stackblitz demo .