Как выровнять ион-аватар внутри ион-колла

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>

Может кто-нибудь сказать мне, как я могу выровнять ион-аватар точно по центру ион-кол?

я пробовал text-align: center; в моем листе CSS, но это не работает.

Большое спасибо!

Answer 1

У меня такая же проблема. Я решил это, используя

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