如何在`mat-tab-group`（Angular-Material）中居中标签标签？

Question

I have this mat-tab-group which only has two tabs. The mat-tab-group container element width is bigger than the combined width of the two tab labels and I want to center the labels or increase the width in order to make them look cleaner. Thx in advance.

        <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>