如何对齐mat-action-row按钮？

Question

我需要对齐左右按钮，右按钮必须展开扩展面板。

<div>
    <mat-accordion>
        <mat-expansion-panel [(expanded)]="xpandStatus">
            <mat-panel-description>
                <p>I'm visible because I am open</p>
            </mat-panel-description>
        </mat-expansion-panel>
        <mat-action-row>
            <button mat-button>left</button>
            <button mat-button>center</button>
            <button mat-button (click)='xpandStatus=xpandStatus?false:true'>right</button>
        </mat-action-row>
    </mat-accordion>
</div>

Answer 1

在CSS中添加以下内容

.mat-action-row {
    place-content: space-between;
}