關於 mat-card-title 不對齊中心

Question

我使用了 mat-card，因為我使用了 mat-card-title，為此我使用了style="text-align:center"; 但它沒有對齊中心

<mat-card style="text-align: center;">
  <mat-card-header >
<mat-card-title style="text-align: center;">
  spreadsheet
</mat-card-title>
</mat-card-header>
      <mat-card-content>
    <div id="spreadsheet"></div>
  </mat-card-content>
</mat-card>

這是瀏覽器的截圖：

Answer 1

文本對齊無效，因為 mat-header 標記僅具有其內容的寬度。 你可以這樣嘗試

<mat-card >
  <div style="text-align:center;">
    <mat-card-title>spreadsheet</mat-card-title>
  </div>
  <mat-card-content>
<div id="spreadsheet">
</div>