Угловая материальная сетка-список упорядочивает содержимое, чтобы идти наверх

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

Надеюсь, это было полезно.