Question

如何在Ionic 4的readarray -t firstarray < <(grep -ni '^ser*' IPbook.file | cut -f 2 -d "-" | grep -E '\b((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\.|$)){4}\b' )元素中使文本水平居中？

在Ionic 4 docs中，找不到以html组件文本为中心的内容。在Ionic 3文档中，我找到了firstarray属性实用程序，如下所示，并记录了here，但是它不起作用。

<ion-item-divider>

我还尝试将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>元素中，但这也没做。

Answer 1

我最终这样做：

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

丑陋：（

Answer 2

在Ionic 4中，您似乎应该在离子标签上设置文本中心，请尝试：

<ion-item-divider> <ion-label text-center>PLEASE CENTER ME!!</ion-label> </ion-item-divider>

Answer 3

您可以创建一个CSS类，并将其命名为center。我在目录主题中使用了全局变量.scss：

.center {
    text-align: center;
}

然后您可以执行以下操作：

<ion-label>
    <p class="center">Some text</p>
</ion-label>

请不要使用内联样式。 What's so bad about in-line CSS?

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

3 个答案: