如何将 ngFor 与 Angular 翻转卡一起使用

Question

我在这里尝试使用 ngfor 生成一些翻转卡片。但是他们的卡片不会开始新的一行，而是在第一行重叠。这里实际上有 4 个，但第 4 个与第 1 个卡重叠。 我认为这与css位置有关，但不知道如何解决。

有人可以看看吗？谢谢！！！

这是翻牌的链接。 https://www.w3schools.com/howto/howto_css_flip_card.asp enter image description here

Answer 1

看看以下内容：https://stackblitz.com/edit/angular-zbg3c8?file=src%2Fapp%2Fapp.component.html