Ionic 3 离子标题无法对齐中心

Question

我使用 Ionic 3，在代码下方无法将标题与中心对齐，由于离子按钮，它向右移动了一点。如何解决？

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-button (click)="close()">
        <ion-icon name="arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title text-center>{{bookName}}</ion-title>
</ion-toolbar>
</ion-header>

Answer 1

只需像这样在标题中添加 mode=ios

<ion-title mode=ios>Your Title</ion-title>

在离子 3、4 和 5 中测试

Answer 2

您可以尝试将标题包装在 div 中，如下所示：

<div text-center>
    <ion-title>YOUR TITLE</ion-title>
</div>