ionic-framework - 无法将 ion-avatar 与 Ionic 4 中 的中心对齐

Question

我在我的 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>

任何帮助深表感谢。

Answer 1

请在 ionic 头像上添加类(class)

你的 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;
}