如何使垫子标签组标签到左

Question

我采用了棱角分明的材料在我的发展我想离开我的对齐选项卡的标签。

<mat-tab-group >
  <mat-tab label="Heading 1"> Content 1 </mat-tab>
  <mat-tab label="Heading 2"> Content 2 </mat-tab>
  <mat-tab label="Heading 3"> Content 3 </mat-tab>
</mat-tab-group>

我期待看到文本标题1，标题2和标题3为左对齐。有没有一种方法来实现这一目标？

https://material.angular.io/components/tabs/overview

Answer 1

从理论上讲我不会与角料风格惹太多，但如果你真的需要有您的标签左对齐，你可以做以下（在组件的样式表）：

::ng-deep .mat-tab-label {
  padding: 0px !important; // adjust this to whatever padding you need
  justify-content: left !important;
}

Here是表示动作它stackblitz。