使标签标签在材料设计中拉伸至全宽,以实现角度

Question

我想获得拉伸到其父div的全宽度的标签.有人知道怎么做吗？

<div class="tabs-header">
    <mat-tab-group>
        <mat-tab label="Signup">Content 1</mat-tab>
        <mat-tab label="Login">Content 2</mat-tab>
    </mat-tab-group>
</div>

截至目前,它看起来像这样:

我做了一些研究,看起来曾经是一种方法来做这件事,<md-stretch-tabs>但似乎不是一个功能,没有相关的文档.

Answer 1

此外,您可以使用mat-stretch-tabs财产

   <mat-tab-group mat-stretch-tabs>
        <mat-tab label="Signup">Content 1</mat-tab>
        <mat-tab label="Login">Content 2</mat-tab>
    </mat-tab-group>

Answer 2

因此，经过大量研究，我找到了答案：可以使用 css 类来定位标签mat-tab-label，但是，由于它们是覆盖组件，因此无法在组件本身中设置样式，并且样式需要位于全局样式表上，如下所述： https： //material.angular.io/guide/customizing-component-styles 那里还有其他解决方案。我实际使用的css：

.mat-tab-label {
    width: 50%;
}