如何在 angular-material 中增加 md-tab 的大小？

Question

我想增加标签宽度，如下图所示，但不确定如何在 angular-material 中做到这一点。

请帮忙

Answer 1

您可以在官方文档md-tabs doc中查看md-tabs的所有选项。

md-stretch-tabs mobile      desktop
auto            stretched   ---
always          stretched   stretched
never           ---         ---

<md-tabs md-stretch-tabs="always">
  <md-tab label="Tab #1"></md-tab>
  <md-tab label="Tab #2"></md-tab>
  <md-tab label="Tab #3"></md-tab>
</md-tabs>

在 Angular Material 版本 6.0.1

<mat-tab-group mat-stretch-tabs="always">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

Answer 2

Doc Angular Material - Tabs

可以通过 md-stretch-tabs 属性覆盖此默认行为。这是一个 table 显示何时发生拉伸：

md-拉伸标签

始终使用

如何在 angular-material 中增加 md-tab 的大小？

How to increase md-tab size in angular-material?

angularjs

material-design

angular-material