时间戳

首页 > 解决方案 > 样式问题文本中心在 ionic 5 中不起作用

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

问题描述

如果我只是在 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>

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

 <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>

可能是什么问题？

标签： ionic-frameworkionic5

解决方案

没有问题。自 ionic 4 以来，不推荐使用text-center类似的属性，并且您应该使用等。class='ion-text-center'

浏览器控制台会向您显示 deprecation-warning on ionic serve。

推荐阅读