如何在 `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>

- alexfertel

---

能不能展示一些代码样例？ - Synoon

mat-stretch-tabs 建议的 Marshal 工作得很好！但是我还是编辑了答案。 - alexfertel

Answer 1

如果你添加 mat-stretch-tabs，那么标签就会在容器的宽度上拉伸，并居中标签标签。

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

- Marshal

Answer 2

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

- Abhishek Khatri

---

虽然被接受的答案是一个好答案，但这是正确的答案。 - cBlaine