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

Question

如果我只是在 ion-col 元素中添加 text-center，那么它就不起作用了。但是如果我用 class 属性添加它，比如 class="ion-text-center" 那么它就是 working.I 使用 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>

她的是具有 class 属性的代码，可以正常工作

 <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

没问题。 text-center 等属性自 ionic 4 起为 deprecated，您应该使用 class='ion-text-center' 等。

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

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

Styling issue text-center not working in ionic 5

ionic-framework

ionic5