中心对齐离子标题

Question

在下图中，离子标题绘画未在中心正确对齐，如何在准确的中心对齐

home.html的

<ion-header>

<ion-navbar>
<ion-title> <p align="center" style="color:white;">{{service.name}}</p>
</ion-title>
</ion-navbar>

</ion-header>

Answer 1

已弃用离子CSS属性。

替换：

'<ion-title text-center>'

使用：

'<ion-title class="ion-text-center">'

Answer 2

只需将 文本中心 属性添加到 ion-navbar 标记或 ion-title 标签，如下所示：

<ion-navbar text-center>
  <ion-title>
    Some text...
  </ion-title>
</ion-navbar>

或

<ion-navbar>
  <ion-title text-center>
    Some text...
  </ion-title>
</ion-navbar>

Answer 3

<ion-title text-center>
    <p class="centered-p">Title</p>
</ion-title>

.md .centered-p {
  text-align: center;
  margin-left: -15%
}

它并不完美，但在android和iOS上都可以正常工作