Angular material grid-list安排内容到顶部

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;
  }

希望它有所帮助。