如何让多个Text以其中的文字为基线进行对齐?

如何让多个Text以其中的文字为基线进行对齐?

HarmonyOS
2024-07-23 10:21:32
910浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
一意孤行的

FLex容器中使用ItemAlign.Baseline可以实现该效果

Flex({ alignItems:ItemAlign.Baseline}) {
  Text("1")
    .width("30%")
    .height(40)
    .backgroundColor(Color.Blue)
  Text("2")
    .width("30%")
    .height(60)
    .backgroundColor(Color.Yellow)
  Text("3")
    .width("30%")
    .height(80)
    .backgroundColor(Color.Green)
}.width("100%")
.height("100%")
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
分享
微博
QQ
微信
回复
2024-07-23 18:55:30
相关问题
HarmonyOS 如何Text底部对齐
468浏览 • 1回复 待解决
RelativeContainer如何多个view居中
2015浏览 • 1回复 待解决
HarmonyOS Text组件如何设置文字方向
657浏览 • 1回复 待解决
Text如何实现文本段落两端对齐
936浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
602浏览 • 1回复 待解决
HarmonyOS Text两端对齐未实现
911浏览 • 1回复 待解决
如何获取Text组件中文字宽度
3130浏览 • 1回复 待解决
Text匹配文字高亮显示
1417浏览 • 1回复 待解决
HarmonyOS TextSpan有办法底部对齐
603浏览 • 1回复 待解决
HarmonyOS Text多行文本不能居中对齐
1871浏览 • 1回复 待解决