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

时间:2018-10-17 15:37:03

标签: css angular angular-material

我有这个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>

2 个答案:

答案 0 :(得分:3)

如果添加的mat-stretch-tabs应该使标签在容器的整个宽度上延伸并使标签标签居中。

max

答案 1 :(得分:2)

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