ion-text-center不会使ion-item中的内容居中

Question

 <ion-item lines="none" class="ion-text-center">
      <ion-avatar slot="start" *ngFor="let mId of headerMemberIds;let i = index" class="member-{{i}}">
        <img [src]="profilePhotoUrl$[mId] | async">
      </ion-avatar>
      <ion-avatar slot="start" class="avatar" *ngIf="allMemberIds?.length>3">
        <div class="remaining-members">+{{allMemberIds?.length-2}}</div>
      </ion-avatar>
    </ion-item>

关于如何将内容放在ion-item中以及我上面的用例中的任何线索？

在浏览器上生成的CSS

.ion-text-center, [text-center] {
    text-align: center !important;
}

Answer 1

您应该使用class =“ text-center”并定义类似的类：

.text-center {
  text-align: center;
}