离子:列中的图像扩展了网格布局

时间:2017-09-19 12:09:20

标签: angular typescript ionic-framework grid cross-platform

我的每个列都有一个充满图像的离子网格。 我的计划是每行有两个图像。

问题:如果每行只有一个图像,图像会扩展到完整的行大小,这不是我想要的。 如果没有足够的列来填充行,我怎么能实现列不扩展。

问题:即使每行只有一个,也不应该width-50阻止图像扩展吗?

我的问题的屏幕截图,如果每行只有一个,图像会扩展:

enter image description here

布局代码

  <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>

所以我想要实现的是所有图像都是内联的 - 无论一行是否包含一个或两个图像。

注意:我注意到,该表在浏览器等大空间上正常工作。

0 个答案:

没有答案