javascript - Ionic 4,试图用 col-6 每行显示 2 个,但每行仍然放太多
问题描述
在搜索了几个堆栈溢出和其他帖子之后,我想出了正确的方法来获得两张“卡片”或任何东西(我已经尝试过只使用文本或段落或更简单的东西来卡片)每行显示是用 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 - 烧瓶网络应用程序会话无法正常工作
- javascript - 如何在图像中动态查找主矩形图像?
- amazon-web-services - AWS step function map 任务参数
- bash - 队列 bash 脚本
- java - Web3j:从智能合约中获取最新事件
- php - davibennun / laravel-push-notification 空 pushMessage 响应
- reactjs - 关于 ReactDOM.createPortal 实现的问题
- android - ffmpeg - 尽管文件存在,但“没有这样的文件或目录”
- json - Bloc 类型“String”不是“index”的“int”类型的子类型
- javascript - 尝试通过使用 fetch 创建节点 api 来避免 CORS