css - 如何在 `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 应该将标签拉伸(stretch)到容器的宽度并将标签标签居中。

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