输入styles.css：
DEMO

.mat-grid-tile .mat-figure {
   justify-content: flex-start !important ;
   align-items: flex-start !important;
}

字符串

这可能不适合每个人的需求，但与其纠结于功能和css属性以适应对齐方式，你的组件可以将内部组件的宽度/高度设置为100%。这样，Angular仍然可以按照自己的方式（全部居中！），并且你可以调整对齐方式（左，右）。
这里的例子有简单的复选框（我的真实的世界场景），但你显然可以扩展到任何你的情况（最复杂的例子是最后一个）。
https://stackblitz.com/edit/angular-74i5kw

虽然这是晚了，我有同样的问题。我不得不使用！important变体来实现所需的内容。然后我得到了我的组件的CSS并添加：

:host >>> .mat-figure{
  align-items: start !important;
}

字符串
更多信息-https://angular.io/guide/component-styles

很好。

:ng-deep .mat-grid-tile-content{
    justify-content: flex-start !important ;
    align-items: flex-start !important;
 }

字符串

添加以下样式到网格平铺的内容："align-self: start"

试试看：

::ng-deep .mat-grid-tile-content{
    display: block !important;
}

字符串