如何在离子柱内对准离子化身

Question

我正在使用Ionic v4框架开发一个简单的应用程序，并且我有一个类似这样的离子网格：

<ion-grid>
    <ion-row>
        <ion-col *ngFor="let item of items">
            <ion-avatar>
                <img src="{{item.getItemImgUrl()}}" />
            </ion-avatar>
        </ion-col>
    </ion-row>
    <ion-row>
        ..........
    </ion-row>
</ion-grid>

有人可以告诉我如何将离子化身精确对准离子col的中心吗？

我已经在CSS工作表中尝试过text-align: center;，但是它不起作用。

非常感谢！

Answer 1

我有同样的问题。我用

解决了

<ion-col style="display: flex; justify-content: center">