如何在Angular Material的Grid中设置行间距？

Question

我似乎找不到为 Angular Material 的 Grid List 设置行间距的方法。我试过装订线尺寸，但它只会裁剪我的图块内容。我找不到 Angular Material 的 plunker 或 fiddler，我知道这个问题有点太具体了，但我们将不胜感激任何帮助。

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

如何在Angular Material的Grid中设置行间距？

How to set row spacing in Angular Material's Grid?

angular-material2

angular