javascript - Angular 垫菜单

Question

我想制作一个大的 matmenu(95 项)，但它超出了页面。

查看我的代码:

<mat-menu #departements="matMenu">
    <button mat-menu-item (click)="choix_du_departement(01)" >01</button>
    <button mat-menu-item (click)="choix_du_departement(02)" >02</button>
    <button mat-menu-item (click)="choix_du_departement(03)">03</button>
...
    <button mat-menu-item (click)="choix_du_departement(95)">95</button>
</mat-menu>

我尝试通过 .scss 进行管理与

 .mat-menu{
   max-height: 50px;
 }

但没有任何变化

我也尝试修改 .mat-menu-item 但有些内容超出了页面

Answer 1

按我的理解，你需要设置按钮的高度

 .mat-menu-item{
   max-height: 50px;
 }