如何在“ mat-tab-group”(角材料)中将标签标签居中?

ale*_*lex 2 css angular-material angular

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>
Run Code Online (Sandbox Code Playgroud)

小智 13

<mat-tab-group mat-align-tabs="center"></mat-tab-group> 
Run Code Online (Sandbox Code Playgroud)


Mar*_*hal 10

如果添加mat-stretch-tabs,则应将标签扩展到容器的整个宽度,并使标签标签居中。

<mat-tab-group mat-stretch-tabs></mat-tab-group>
Run Code Online (Sandbox Code Playgroud)