css - Ionic-3 Avatar 无法居中

Question

我创建了Ionic 3 Avatar，我试图让它居中但它不能居中，我不知道为什么不能居中，请帮我解决这个问题看我附上的图片，

html

<ion-content padding>
  <ion-avatar class="avatars" >
    <img src="assets/imgs/pro-img.png">
  </ion-avatar>
</ion-content>

CSS

.avatars{
   margin: auto;
}

Answer 1

只需将 .avatars 类赋予 img 标签或使用此 css

.avatars img{
    margin: auto;
}