我想将一行中显示的芯片的数量控制为3或4，并在新行中显示剩余的芯片。在当前情况下，垫层芯片是水平添加的，因此会移出视口。

我在互联网上找不到可靠的解决方案。

<div class="ItemList">  
<div *ngFor="let item1 of item.List" style="display:inline-block;">
              <div *ngIf="item1.checked == true" style="display:inline-block;">
                  <mat-chip-list>
                    <mat-chip style="display:inline-block;" [selectable]="selectable" [removable]="removable"
                    (removed)="newselection(item1.ItemId,item.ModuleId)">
                        {{item1.ItemName}}  
                        <mat-icon matChipRemove *ngIf="removable">
                            cancel
                        </mat-icon>
                    </mat-chip>
                  </mat-chip-list>
              </div>
          </div>
</div>

我希望芯片的输出不会在ItemList类的div之外。当一个芯片达到最小宽度时，其余芯片将移至新行。