角材料：卡片对齐中心

Question

我正在学习Angular，并且用Cards创建了一个严重的Angular Angular Material：

<div fxFlex="25%" fxFlex.xs="100%" fxFlex.sm="33%" *ngFor="let num of [1,2,3]">
    <mat-card class="mat-elevation-z4 clickable" (click)="doStuff(num)">
       ...
    </mat-card>
</div>

卡贴在页面左侧。我想将卡水平对齐，因此我尝试添加包装DIV元素，但不幸的是，此操作不起作用：

<div fxLayout="row" fxLayoutAlign="center none">
     <div ... *ngFor="let num of [1,2,3]">
         ...
     </div>
</div>

实现这种对齐的正确方法是什么？