居中对齐离子标题

Question

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

主页.html

 <ion-header>

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

</ion-header>

原文由 user7523193 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我刚刚在我们的应用程序中发生了这种情况/从 Ionic3 -> Ionic6 转换，令我困扰的是，没有一个答案似乎真的理解（在 OP 的示例中）“绘画”应该位于应用程序/屏幕的中心, 不在 slot=“start” 或 slot=“end” 中可能存在也可能不存在的任何按钮/文本未占用的剩余空间中居中。

这并不完美，但效果很好。

 ion-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

原文由 Pat Vee 发布，翻译遵循 CC BY-SA 4.0 许可协议