Question

我有以下内容：

<md-tab-group>
  <md-tab label="MyLabel">
    <ng-template md-tab-label>
      MyLabel <md-icon>thumb_down</md-icon>
    </ng-template>    
    Content
   </md-tab>
</md-tab-group>

如何使用“MyLabel”调整thumb_down图标的位置以使其正确排列？现在它似乎略高于它。应用style =“line-height：40px;”到md-icon不起作用。

Answer 1

您需要为更改位置添加此类。

/deep/.mat-tab-label, /deep/.mat-tab-label-active{
  line-height: 30px!important;
}

确保使用scss（SASS）代替css。 如果您使用css然后将其更改为scss文件而不是css。因为深度只能使用scss（SASS）文件

如何在每个标签上将angular2 / 4材质标签图标对齐？

1 个答案: