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;
}
希望有帮助。您应该看到这个问题:您应该看到这个问题: