时间戳

首页 > 解决方案 > 选择时如何将汉堡菜单居中？

angular - 选择时如何将汉堡菜单居中？

问题描述

这里的例子 我的网络应用程序中有一个汉堡菜单，当您单击它时，蓝色框显然没有正确围绕菜单图标居中。有谁知道如何解决这个问题？

html

 <mat-toolbar color="primary" class="header-box-shadow">
  <button mat-icon-button (click)="navigation.toggle()" fxShow.sm="true" fxShow.gt-sm="true">
    <mat-icon>menu</mat-icon>
  </button>

css

.header-box-shadow {
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 
  rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
  justify-content: center;
 }

标签： angularmaterial-designhamburger-menu

解决方案

推荐阅读