HarmonyOS Text多行文本不能居中对齐

文本组件多行显示有问题。已经设置了居中,但还是没有居中。代码如下:

@Entry  
@Component  
struct TextDemo {  
  build() {  
    Column() {  
      Text('已关注,\n成为珍爱粉哈哈')  
        .fontSize(9)  
        .maxLines(2)  
        .fontWeight(FontWeight.Medium)  
        .fontColor(Color.Black)  
        .align(Alignment.Center)  
    }  
    .backgroundColor(Color.Red)  
    .width(90)  
    .height(24)  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
HarmonyOS
2024-10-09 12:08:14
917浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

text的align结合TextAlign属性可控制内容在水平方向的位置。参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5#textalign

demo如下:

@Entry  
@Component  
struct TextDemo {  
  build() {  
    Column() {  
      Text('已关注,\n成为珍爱粉哈哈')  
        .fontSize(9)  
        .maxLines(2)  
        .textAlign(TextAlign.Center)  
        .fontWeight(FontWeight.Medium)  
        .fontColor(Color.Black)  
        .align(Alignment.Center)  
        .backgroundColor(Color.Green)  
    }  
    .backgroundColor(Color.Red)  
    .width(90)  
    .height(24)  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
分享
微博
QQ
微信
回复
2024-10-09 16:00:10
相关问题
Text文本不垂直居中,该怎么处理呢?
4908浏览 • 1回复 待解决
HarmonyOS 计算多行文本布局宽高
807浏览 • 1回复 待解决
HarmonyOS 多行文本中间省略不生效
578浏览 • 1回复 待解决
多行文本省略的展开与显示
1930浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
2896浏览 • 1回复 待解决
多行文字后面添加标签
798浏览 • 1回复 待解决
Text如何实现文本段落的两端对齐
956浏览 • 1回复 待解决
HarmonyOS 文本居中
1089浏览 • 1回复 待解决
HarmonyOS 文本对齐问题
685浏览 • 1回复 待解决
HarmonyOS文本不支持trthtd标签
1024浏览 • 1回复 待解决
Text组件是否支持多行显示
2727浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
635浏览 • 1回复 待解决
HarmonyOS 如何让Text底部对齐
475浏览 • 1回复 待解决