HarmonyOS textOverflow: TextOverflow.Ellipsis, ...跟文字贴在一起要怎么处理？17:49:14？

Question

如题：HarmonyOS textOverflow: TextOverflow.Ellipsis, ...跟文字贴在一起要怎么处理？17:49:14？

Answer 1

请查看此demo能不能满足你的需求：

// xxx.ets
@Extend(Text)
function style(TextAlign: TextAlign) {
  .textAlign(TextAlign)
  .fontSize(12)
  .border({ width: 1 })
  .padding(10)
  .width('100%')
}

@Entry
@Component
struct TextExample1 {
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {
      // 超出maxLines展示省略号
      Text('This is set textOverflow to Ellipsis text content This is set textOverflow to Ellipsis text content.')
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .maxLines(2)
        .style(TextAlign.Start)

    }.height(600).width(340).padding({ left: 35, right: 35, top: 35 })
  }
}