如何在每个选项卡上将angular2/4材质标签图标对齐到右侧？

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> 

我怎样才能调整thumb_down图标的位置，与“MyLabel”适当地排队？现在它似乎略高于它。应用样式=“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）文件