时间戳

首页 > 解决方案 > 如何在 Angular Material Design 中将图标对齐到选项卡的右侧？

css - 如何在 Angular Material Design 中将图标对齐到选项卡的右侧？

问题描述

早上好团队，我正在使用 Angular 材料设计。

我们正在使用角度材质选项卡，我试图将加号图标一直放在选项卡的右侧，同时将用户图标和用户标签留在中心。

<ng-template mat-tab-label>
    <mat-icon class="mat-tab-group-icon">user</mat-icon>
    <span class="mat-tab-group_title">Users</span>
    <mat-icon class="mat-tab-group-icon" (click)="addUser()">add</mat-icon>. 
</ng-template>

当我使用 flex 方向行并将 flex-end 添加到 mat-icon 的 mat-tab-label 时，没有任何反应。一切都像默认设置一样居中。

当前标签的外观

标签： cssangularflexboxangular-material

解决方案

推荐阅读