如何增加角材料的md-tab尺寸？

Question

我想增加标签宽度，如下图所示，但不确定如何在角度材质中执行此操作。

请帮忙

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 V6.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属性覆盖此默认行为。这是一个表格，显示何时会发生拉伸：

md-stretch-tabs

使用 始终