角度材质:如何更改mat-grid-tile的顶部填充

Question

我使用角度材料与角5.垫网格瓷砖有自己的顶部填充,使用calc方法计算.

我想在mat-grid-tile上设置自定义填充.我怎样才能做到这一点？

Answer 1

网格图块组件会在元素本身上动态设置顶部填充，因此您需要在CSS中使用！important修饰符来覆盖它。

HTML：

<mat-grid-tile class="my-grid-tile"></mat-grid-tile>

CSS：

.my-grid-tile {
    padding-top: 24px !important;
}

Answer 2

设置mat-grid-list 的rowHeight对我有用，G.Tranter 不起作用，因为 mat-grid-list 有一个填充，它也是动态设置的，不能用 !important 设置。

 <!-- 70px to prevent hide floatLabel in matInput --> 
 <mat-grid-list cols="2" rowHeight="70px">
    <mat-grid-tile>
       <!-- your controls --> 
    </mat-grid-tile>
  </mat-grid-list>

参考： https: //material.angular.io/components/grid-list/examples

"@angular/material": "^6.4.3"
"@angular/core": "^6.1.0"