无法将离子化身与Ionic 4中的<ion-item>的中心对齐

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

请在“离子头像”上添加课程

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