Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 角度材质栅格列表将内容排列到顶部_Css_Angular_Angular Material - Fatal编程技术网

Css 角度材质栅格列表将内容排列到顶部

Css 角度材质栅格列表将内容排列到顶部,css,angular,angular-material,Css,Angular,Angular Material,我正在使用mat网格列表显示一些数据 > 网格列表瓦片 >始终位于瓦片中部。 如何使其位于页眉下方而不是中间 我尝试了top:10px,但没有成功 <mat-grid-list cols="2"> <mat-grid-tile [colspan]="1" [rowspan]="1"> <mat-grid-tile-header>Title</mat-grid-tile-header> <p&g

我正在使用
mat网格列表
显示一些数据

<> > <代码>网格列表瓦片 >始终位于瓦片中部。

如何使其位于页眉下方而不是中间

我尝试了
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>

标题
第1部分

标题 第2部分

标题 第3部分


像这样尝试,这不是最好的解决方案,但我只能设法移动文本,如果我给它绝对位置,也许你可以从中找到你需要为你的内容工作的东西

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

希望有帮助。

您应该看到这个问题:您应该看到这个问题: