角材料网格列表排列内容转到顶部

Question

我正在使用mat-grid-list来显示一些数据

grid-list-tile的内容始终位于图块的中间。

如何使它放在标题下而不是中间？

我尝试了top:10px，但是没有运气

<mat-grid-list cols="2">
  <mat-grid-tile
      [colspan]="1"
      [rowspan]="1">
      <mat-grid-tile-header>Title</mat-grid-tile-header>
    <p>Segment 1</p>
  </mat-grid-tile>
  <mat-grid-tile
      [colspan]="1"
      [rowspan]="2">
      <mat-grid-tile-header>Title</mat-grid-tile-header>
         <p>Segment 2</p>
  </mat-grid-tile>
  <mat-grid-tile
      [colspan]="1"
      [rowspan]="1">
      <mat-grid-tile-header>Title</mat-grid-tile-header>
    <p>Segment 3</p>
  </mat-grid-tile>  
</mat-grid-list>

Answer 1

尝试这种方法，这不是最好的解决方案，但是如果我给它绝对的位置，我只能设法移动文本，也许由此您可以找到您需要为内容工作的东西。

  ::ng-deep mat-grid-tile p {
     position: absolute;
     top: 40px;
  }

希望这很有帮助。