html - 角度材质按钮对齐

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>

我正在使用角材料。

标签： htmlcssbuttonflexboxangular-material

Answer 1

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