如何在 Ionic 4 中居中 <ion-item-divider> 文本

Question

文本如何<ion-item-divider>在 Ionic 4 中的元素内水平居中？

我在 Ionic 4文档中找不到关于居中 html 组件文本的任何内容。在 Ionic 3 文档中，我找到了text-center如下所示的属性实用程序并在此处记录，但它不起作用。

<ion-content padding>
  <ion-list>
    <ion-item>
      Hello, I am left aligned
    </ion-item>
    <ion-item-divider text-center>
      PLEASE CENTER ME!
    </ion-item-divider>
  </ion-list>
</ion-content>

我也尝试添加style="text-align: center;"到<ion-item-divider>元素中，但这也没有任何作用。

Answer 1

我最终这样做了：

  <ion-item-divider>
    <div style="width: 100%; text-align: center;">PLEASE CENTER ME!!</div>
  </ion-item-divider>

丑陋的 ：（