css – 更改材料2 md工具栏高度

2023年1月8日 185次阅读

我有一个< md-toolbar>我想改变他的身高.

<md-toolbar color="primary">Cards</md-toolbar>

我只是在我的component.scss中试过这个：

md-toolbar {
  height: 50px !important;
  min-height: 50px !important;
}

但文本填充错误(顶部的空间比底部的空间大得多)：

《css – 更改材料2 md工具栏高度》

我试图将填充和边距设置为0,但它没有做任何更改.

我的问题

>我如何调整烦人的空间,使文本垂直居中？
>更新md工具栏高度有更好的方法吗？

最佳答案 我最终调整了工具栏下方容器的边距,以匹配桌面和移动设备的工具栏高度,如下所示…

.mat-sidenav-container {
  margin-top: 64px;
  @media (max-width: 720px)
  {
    margin-top: 56px;
  }
}
点赞