在 Ionic 4 中，无法将 ion-avatar 与 <ion-item> 的中心对齐

【问题标题】：Not able to align ion-avatar to the center of <ion-item> in Ionic 4在 Ionic 4 中，无法将 ion-avatar 与 <ion-item> 的中心对齐
【发布时间】：2019-08-11 02:49:19
【问题描述】：

我正在我的 Ionic 4 项目中工作，我已经添加了 ion-avatar，但它没有出现在

这是我的editprofile.page.html：

<ion-item class="newitem2">
    <ion-avatar>
        <img name="profile_pic" [src]="this.userdetailsedit.value.profile_pic"/>
    </ion-avatar>   
</ion-item>

非常感谢任何帮助。

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

请在 ion-avatar 上添加类

你的 html 文件看起来像

<ion-item class="newitem2">
    <ion-avatar class="image-center">
        <img name="profile_pic" [src]="this.userdetailsedit.value.profile_pic"/>
    </ion-avatar>   
</ion-item>

添加这个 scss

.image-center{
margin:0 auto;
}

【讨论】：

感谢您的回答。它奏效了。