Html 定位动态生成的卡片

我正在研究角度应用。我的代码如下

---

这里面我有卡片。一张单垫卡片。我根据阵列中的数据动态生成的其他卡。我面临的问题是使用*ngFor动态生成的卡从第一张卡下面开始。我想让第一张牌放在第一个位置，然后从附近开始，这些动态生成的牌应该开始，如果第一行并没有空间，那么牌应该放在第二行，第三行，依此类推。看起来我在翻页时犯了一些错误，但不确定。我该怎么做呢？

将卡片的内容放在一个div中，然后在css中放入

---

最小宽度：最大含量；就这样,，div将获取点菜内容的大小

您好，请您更新我的stackblitz，以便我更好地了解您所说的内容。我再次在您的代码上尝试了它，但它给出了您所说的结果，这意味着您弄乱了引导文件或其他内容，这里有一个链接，指向少数选项，以便我的代码写得很好，希望对你有帮助