Css 在角材质中对齐右侧的“更多垂直”按钮

如何使标题右侧的“更多垂直”按钮对齐？ 我正在使用Angular 7和材质UI

 <mat-toolbar color="primary" class="mat-elevation-z10">
<span>
  <mat-icon>favorite</mat-icon>
  Derek Zoolander's Center for Models Who Can't Find Love
</span>
<button mat-icon-button [mat-menu-trigger-for]="menu">
  <mat-icon>more_vert</mat-icon>
</button>

最喜欢的
Derek Zoolander的找不到爱的模特中心
更多

---

关键是在你的标题

和“more\u vert”

mat图标之间有

完整的HTML：

<mat-toolbar color="primary" class="mat-elevation-z10">

  <mat-toolbar-row>
    <mat-icon>favorite</mat-icon>
    <span>
      Derek Zoolander's Center for...
    </span>
    <span class="example-spacer"></span>
    <button mat-icon-button [mat-menu-trigger-for]="menu">
      <mat-icon class="example-icon" aria-hidden="false" aria-label="expand menu">more_vert</mat-icon>
    </button>
  </mat-toolbar-row>

</mat-toolbar>


最喜欢的
Derek Zoolander的。。。
更多

你可以查