mat-toolbar 不与 mat-grid-list 一起显示

Question

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

<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;
}

有人可以帮我解决这个问题吗？

Answer 1

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

要订购工具栏中的项目，请查看 this link。

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

mat-toolbar not displayed with mat-grid-list