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

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

HarmonyOS
2024-07-23 10:21:32
浏览
收藏 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%")
分享
微博
QQ
微信
回复
2024-07-23 18:55:30
相关问题
RelativeContainer如何多个view居中
1056浏览 • 1回复 待解决
Text如何实现文本段落两端对齐
272浏览 • 1回复 待解决
如何获取Text组件中文字宽度
1933浏览 • 1回复 待解决
Text匹配文字高亮显示
692浏览 • 1回复 待解决
HarmonyOS Text两端对齐未实现
118浏览 • 1回复 待解决
HarmonyOS Text多行文本不能居中对齐
280浏览 • 1回复 待解决
多个Cookie如何进行批量设置
1909浏览 • 1回复 待解决
text怎么更改部分文字颜色
6881浏览 • 1回复 待解决
containerd设置多个私有仓库
8049浏览 • 0回复 待解决