html - 角按钮屏幕

Question

我有一个div包含一堆按钮的。我目前看起来像图像，但我无法让它们也彼此相邻。它看起来像一整列。我想每行有 20 个小按钮（我目前有 1000 个按钮）。如何使它们在 Angular 中按行和按列均匀分布？

HTML：

<div fxLayout="column wrap" fxLayoutGap="30px"  fxLayoutAlign="start center" class="mat-elevation-z2 responsive-grid">
                        <button mat-button class="green fuse-white-fg"
                            *ngFor="let prm of cell">{{prm.LocationReference}}</button>
                    </div>

在此处输入图像描述

标签： htmlangular

Answer 1

看看这个有角度的维基。https://www.angularjswiki.com/flexlayout/basics/#angular-flex-layout-row-example