angular - 如何在 Angular Material Grid 中设置行距?

标签 angular angular-material2

我似乎找不到为 Angular Material 的 Grid List 设置行间距的方法.我试过装订线大小,但它只会显示我的瓷砖内容。我找不到 Angular Material 的 plunker 或 fiddler,我知道这个问题有点太具体了,但任何帮助将不胜感激。

最佳答案

您可以通过 gutterSize 设置行距像这样的属性(property)

<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 - 如何在 Angular Material Grid 中设置行距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51790918/

相关文章:

css - 工具栏下的全高 sidenav(跨设备)

angular-material2 - 如何从角度 Material 对话框中删除填充?

javascript - Ionic context.getProjectMetadata 不是函数 [仅限实时重新加载]

Javascript - 自动滚动到聊天底部

angular - 如何将 ng-template innerHTML 获取到组件

css - Angular Material md-form-field,不考虑相邻跨度的 z-index

css - 添加 css 类更改它们后如何获取 offsetWidth 和 offsetHeight 值

angular - 如何防止点击 Angular 4 中的自定义按钮组件

angular - 树 : How to keep opened states when tree updated

angular - 升级到 Angular 6/Material 6 后,为什么我会遇到 'mat-input-container is not a known element'?