Angular Material按钮对齐

Question

对不起，我是新的CSS，我试图对齐按钮向右，但不能这样做。下面是我的代码。

<mat-card-header>
<mat-card-title>
{{rosterDetails.dutyDate}} ({{rosterDetails.dutyTime}})
</mat-card-title>
<button mat-icon-button (click)="goBack()">
<mat-icon>arrow_back</mat-icon>
</button>
</mat-card-header>

我用的是有角的材料。

Answer 1

<button class="d-flex ms-auto" mat-icon-button (click)="goBack()">
<mat-icon>arrow_back</mat-icon>
</button>

Answer 2

将此代码添加到CSS文件

mat-card-header {
display: flex;
justify-content: space-between;
}