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

Question

我想要增加我的选项卡宽度，就像下面的图片所示，但不确定如何在angular-material中实现。

请帮忙。

- Sparsh Pipley

---

你能分享相关的代码吗？ - Sameer K

Answer 1

你可以在官方文档md-tabs文档中查看所有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>

- Ivan Coronado

Answer 2

Angular Material文档 - 选项卡

通过md-stretch-tabs属性，可以覆盖默认行为。下表显示了何时会发生拉伸：

md-stretch-tabs

使用always

- Stevenn Muller