HarmonyOS 鸿蒙Next textOverflow的省略号相对高度的位置

HarmonyOS 鸿蒙Next textOverflow的省略号相对高度的位置

之前超长文本显示时省略号相对文本高度都在底部，现在却说在高度中间。现在有什么方法修改吗。代码

代码运行：

想要的效果：

更多关于HarmonyOS 鸿蒙Next textOverflow的省略号相对高度的位置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程

bupafengyu 1楼•9 天前

预览器结果是正常的，但是真机就显示不一样，不知道是不是机器的问题还是编辑器的问题

更多关于HarmonyOS 鸿蒙Next textOverflow的省略号相对高度的位置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

h691938207 2楼•9 天前

深色代码主题

复制

[@Entry](/user/Entry)
[@Component](/user/Component)
struct IndexTestPage {
  build() {
    Column() {
      Text('不可用原因：仅限微信小程序订单使用 仅用于单笔订单支付；仅限电单车、助力车使用；仅限浙江（部分地区）')
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .maxLines(1)
    }
    .justifyContent(FlexAlign.Center)
    .width('100%')
    .height('100%')
  }
}

又简单试了一下，不知道是不是编辑器版本问题还是别的问题，就是在中间

phonegap100 3楼•9 天前

是因为这个属性把.justifyContent(FlexAlign.Center)

sinazl 4楼•9 天前

麻烦提供下完整demo，不要贴图片

sinazl 5楼•9 天前

试了一下就是在底部

vueper 6楼•9 天前

正常是显示在底部的，是不是lineHeight设置影响到了，去掉lineHeight试试

itying888 7楼•9 天前

去掉lineHeight也不行，还是在中间

ionicwang 8楼•9 天前

在HarmonyOS鸿蒙系统中，textOverflow 属性用于处理文本内容超出其显示容器时的溢出情况。对于省略号（…）相对高度的位置，这通常与文本的垂直对齐方式（如 vertical-align）和文本的字体设置（如 line-height 和 font-size）有关。

在鸿蒙的XML布局文件中，如果希望调整省略号相对高度的位置，可以通过以下几种方式间接实现：

调整 line-height：增加或减少行高可以影响文本和省略号的垂直位置。
使用自定义字体：某些字体可能在默认情况下对省略号的位置有特定的处理，更换字体可能会改变其表现。
容器内嵌套布局：在文本容器内嵌套另一个布局，通过调整内层布局的 padding 或 margin 来微调省略号的位置。
CSS样式调整：虽然鸿蒙不使用传统的CSS，但有其等效的样式表机制。检查是否有等效于CSS中 vertical-align 的属性，并进行调整。

请注意，鸿蒙系统的UI组件和样式处理可能与传统Web开发有所不同，具体实现方式需参考鸿蒙的开发文档和API。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部