如何在Angular Material的网格中设置行距? [英] How to set row spacing in Angular Material's Grid?

问题描述

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

I can't seem to find a way to set the spacing between rows for Angular Material's Grid List. I've tried gutter size, but it only crops up my tile content. I can't find a plunker or a fiddler for Angular Material, and I know the question is a little bit too specific, but any help would be greatly appreciated.

推荐答案

您可以通过 gutterSize 属性设置行间距

You can set row spacing by gutterSize property like this

<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演示

这篇关于如何在Angular Material的网格中设置行距?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！