ionic-framework - イオン列内でイオンアバターを整列させる方法

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 シートで試してみましたが、うまくいきません。

どうもありがとう！