如何在`mat-tab-group`（Angular-Material）中居中標簽標簽？

Question

我有這個mat-tab-group ，它只有兩個選項卡。 mat-tab-group容器元素寬度大於兩個選項卡標簽的組合寬度，我想將標簽居中或增加寬度以使它們看起來更干凈。 提前謝謝。

        <mat-tab-group>
            <mat-tab label="Person">
                <ng-template matTabContent>
                    <person-register></person-register>    
                </ng-template>
            </mat-tab>
            <mat-tab label="Company">
                <ng-template matTabContent>
                    <company-register></company-register>
                </ng-template>
            </mat-tab>
        </mat-tab-group>

Answer 1

如果您添加 mat-stretch-tabs 應該在容器的寬度上拉伸選項卡並將選項卡標簽居中。

<mat-tab-group mat-stretch-tabs></mat-tab-group>

Answer 2

<mat-tab-group mat-align-tabs="center"></mat-tab-group>