Html 如何将离子标签对准中心？

我正在创建ionic 4 angular应用程序，并使用ion label打印一些文本。我遇到了ion label的问题，我将ion label分配到中心，但没有工作。使用哪种css或ionic预定义css？下面我的css代码给

.User\u Label\u部分{
位置：固定；
显示器：flex；
证明内容：中心；
边缘顶端：107px；
}
.用户名{
显示器：flex；
证明内容：中心；
宽度：200px；
}

ABCDEFG

我不确定。但是你可以试试这个。这可能有用

 .user_Name {
      text-align: center;
      width: 200px;
    }

---

您可能需要回到绘图板上，看看Ionic 4使用默认样式的方式

本文介绍了可供您使用的内置类，包括一些flex选项：

ion行

和

ion列

已经应用了flex功能，因此您正在与之抗争，可能会导致以下问题：

一般来说，您的最佳选择是依靠框架已经提供的内容，因为这将是经过最佳测试的选项，然后

此外，还有一个供将来参考的提示：使用

文本中心

作为这样的指令更像是一种爱奥尼亚式的3种做事方式

推荐的新方法是使用

class=“ion text center”

应用此功能

---

这是因为您无法在React或Vue中添加这些指令，如

文本中心

，因此它们对每个人使用类进行了标准化。

将.user\u Name类的宽度设为100vw。如果您希望它在中心对齐，它将起作用。问题是您已修复宽度：200px，并且正在尝试对齐其中的文本。然后，这将再次修复css部分的问题

宽度：100%就足够了

.User\u Label\u部分{
位置：固定；
显示器：flex；
宽度：100%；
证明内容：中心；
边缘顶端：107px；
}
.用户名{
显示器：flex；
证明内容：中心；
宽度：200px；
}

ABCDEFG

只需删除宽度，如下所示

.user_Name {
  display: flex;
  justify-content: center;
}

---

你想让它垂直居中吗？先生，不是垂直居中，只有水平居中。我检查了它似乎已经居中了。用户名，如果你需要整个身体的居中，请告诉我。VW，VH可能会在不同的屏幕分辨率上出问题，对吗？最好在%本身中指定。如果给某个div指定100vw，则意味着您希望它在任何屏幕大小（针对特定用例）中始终居中对齐。如果您的用例发生相应的变化，它将发生变化。大众的目的是始终采用整个屏幕的屏幕大小如果您想在此处根据父div对齐，也可以使用，但事实并非如此，因此两者都可以工作。