样式问题文本中心在 ionic 5 中不起作用

Question

如果我只是在 ion-col 元素中添加 text-center 则它​​不起作用。但是，如果我使用类属性添加它，例如 class="ion-text-center" 那么它就可以工作了。我使用的是 ionic 5.0.0 版本。

这里的代码不适合我

 <ion-grid>
<ion-row>
  <ion-col text-center>
    <h3>text-center</h3>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac vehicula lorem.
    <div class="ion-text-center">
    </div>
  </ion-col>
 </ion-row>

hers 是具有类属性的代码，它正在工作

 <ion-grid>
    <ion-row>
      <ion-col class="ion-text-center">
        <h3>text-center</h3>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac vehicula lorem.
        <div class="ion-text-center">
        </div>
      </ion-col>
     </ion-row>
  </ion-grid>

可能是什么问题？

Answer 1

没有问题。自 ionic 4 以来，text-center 之类的属性为 deprecated，您应该使用 class='ion-text-center' 等。

浏览器控制台会在ionic serve 上向您显示弃用警告。