我的每个列都有一个充满图像的离子网格。 我的计划是每行有两个图像。
问题:如果每行只有一个图像,图像会扩展到完整的行大小,这不是我想要的。 如果没有足够的列来填充行,我怎么能实现列不扩展。
问题:即使每行只有一个,也不应该width-50
阻止图像扩展吗?
我的问题的屏幕截图,如果每行只有一个,图像会扩展:
布局代码:
<ion-grid >
<ion-row *ngFor="let row of grid; let i = index">
<ion-col width-50 *ngFor="let col of row; let j = index">
<img src="{{col}}" (click)="showImage(i, j)">
</ion-col>
</ion-row>
</ion-grid>
所以我想要实现的是所有图像都是内联的 - 无论一行是否包含一个或两个图像。
注意:我注意到,该表在浏览器等大空间上正常工作。