如何在角材料网格中设置行距？

Question

我似乎找不到一种方法来为Angular Material的Grid List设置行间距。我尝试了装订线大小，但它只会裁剪我的图块内容。我找不到Angular Material的工具或提琴手，我知道这个问题有点太具体了，但是任何帮助将不胜感激。

Answer 1

您可以像这样通过gutterSize属性设置行距

<mat-grid-list cols="2" rowHeight="2:1" [gutterSize]="'10px'">
  <mat-grid-tile>1</mat-grid-tile>
  <mat-grid-tile>2</mat-grid-tile>
  <mat-grid-tile>3</mat-grid-tile>
  <mat-grid-tile>4</mat-grid-tile>
</mat-grid-list>

stackblitz demo