时间戳

首页 > 解决方案 > 在 CSS 网格布局中使用 Angular *ngFor？

css - 在 CSS 网格布局中使用 Angular *ngFor？

问题描述

我尝试在 CSS-Grid-Layout 中使用 ngFor。它没有向我显示错误，但网格未正确生成。

<div class="grid">
    <div *ngFor="let info of infoCard; let i = index">
        content
    </div>
</div>

当我在加载内容后添加网格时，它工作正常。但是当我尝试在网格布局中生成内容时它不起作用。

我只想使用网格间隙。

.grid {
    display: grid;
    grid-gap: 5px;
}

有什么我想念的吗？

编辑：我正在使用来自我的内容所在的 DevExtreme 的 dx-map。所以也许这就是问题所在。

标签： cssangulartypescriptcss-gridngfor

解决方案

网格间隙 已 过时。您可以使用 row-gap、column-gap 或 gap。

关于网格分布，您是否尝试过 grid-template-rows 或 grid-template-columns: auto ？

推荐阅读