时间戳

首页 > 解决方案 > mat-toolbar 未与 mat-grid-list 一起显示

angular - mat-toolbar 未与 mat-grid-list 一起显示

问题描述

我有一个包含工具栏和网格列表的组件，如下所示：

<mat-toolbar color="primary"></mat-toolbar>
<mat-grid-list cols="1" rowHeight="5:1">
   ...
</mat-grid-list>

我的问题是网格列表代替了工具栏，所以我的工具栏显示不好。这是我的工具栏 css：

mat-toolbar {
position: fixed;
justify-content: space-between;
align-items: center;
}

有人可以帮我吗？

标签： angularangular-materialtoolbar

解决方案

问题出在position: fixed. 您必须更改或完全删除它。

要订购工具栏中的项目，请查看此链接。

根据您的代码，您可能只需要添加fxLayout="row" fxLayoutAlign="space-between center"到元素的父级

推荐阅读