多多扣
  • sass/
  • Sass 如何将“材质”选项卡组标签向左对齐

Sass 如何将“材质”选项卡组标签向左对齐

sass angular-material angular6

Sass 如何将“材质”选项卡组标签向左对齐,sass,angular-material,angular6,Sass,Angular Material,Angular6,我在开发中使用了角度材质，我想左对齐选项卡标签 <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-g

我在开发中使用了角度材质，我想左对齐选项卡标签

<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
我希望看到标题1、标题2和标题3的文本左对齐。 有没有办法做到这一点

理论上，我不会过多地处理角度材质样式，但如果确实需要将标签与左侧对齐，可以执行以下操作（在组件样式表中）：

是一场闪电战，展示了它的行动

感谢您的回复，但样式似乎没有覆盖内置样式。我尝试将css放置在main.css文件中，但选项卡不受影响。您需要将其放置在组件css文件中。再次检查stackblitz，我在选项卡中添加了一个
minwidth
，以便您可以看到它向左对齐。 
::ng-deep .mat-tab-label {
  padding: 0px !important; // adjust this to whatever padding you need
  justify-content: left !important;
}