【问题标题】:mat-toolbar not displayed with mat-grid-listmat-toolbar 未与 mat-grid-list 一起显示
【发布时间】:2020-08-17 07:52:23
【问题描述】:

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

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

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

【问题讨论】:

    标签: angular angular-material toolbar


    【解决方案1】:

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

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

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

    【讨论】:

    • 可以,但是如果我有一个包含工具栏的组件,而其他组件包含工具栏,则只显示第一个组件的工具栏。我发布了一个关于这个Question的问题
    • 你能用你的代码创建一个堆栈闪电战吗?帮助你更容易
    • 我创建了它,example
    猜你喜欢
    • 2021-10-31
    • 2020-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-02
    • 2019-01-18
    • 2020-10-06
    相关资源
    最近更新 更多