在搜索了几个堆栈溢出和其他帖子后,我发现让两张“卡片”或任何真正的东西(我尝试过仅使用文本或段落或更简单的东西来卡片)显示每行的正确方法是重复使用col-6 位于同一行,它应该换行:
<ion-grid>
<ion-row>
<ion-col col-6 *ngFor="let place of places">
<ion-card>
<ion-card-content>
<ion-card-title>
Card's Title
</ion-card-title>
<p>
Card's description
</p>
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>
</ion-grid>
最佳答案
我认为原因是 ionic 4 不再使用 col-size 。相反,您应该尝试 size="6"size-sm。
https://beta.ionicframework.com/docs/layout/grid#stacked-to-horizontal
关于javascript - Ionic 4,试图用 col-6 显示每行 2 个,但每行仍然放置太多,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53165798/