有角度的材质按钮文字和图标对齐

Question

我有一个像下面这样的按钮

<button mat-stroked-button [matMenuTriggerFor]="menu" color="primary">
                          My button 
                         <mat-icon>more_vert</mat-icon>
                        </button>

我注意到这个中心对齐图标和文本。我想要的是让文本向左，图标向极右。我不能使用 mat-icon 按钮，因为我需要描边按钮外观。

Answer 1

一种解决方案是将按钮元素的内边距设置为 0，或者设置为满足您需要的任何值，并且您需要调整 .mat-icon 的宽度

button{
    padding: 0;
    margin: 0;
    padding-left: 5px
}

.mat-icon{
    width: 20px;
}