HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐

在处理复杂文本场景时候,需要使用到多Span和ImageSpan进行组合处理,但是多个连续不同FontSize的Span现在文字是局底部对齐,怎么设置居顶部对齐。

HarmonyOS
2024-12-18 16:34:31
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zbw_apple

目前Text中span无法设置对齐属性。如果有此需求的话可以通过Row包含多个Text组件后设置对齐。看是否能满足要求 参考

Row() {
  Text() {
    Span('Span1,').fontSize(50).fontColor(Color.Grey)
      .decoration({ type: TextDecorationType.LineThrough, color: Color.Red })
  }

  Text() {
    Span('Span2').fontColor(Color.Blue).fontSize(30)
      .fontStyle(FontStyle.Italic)
      .decoration({ type: TextDecorationType.Underline, color: Color.Black })
  }

  Text() {
    Span('Span3').fontSize(20).fontColor(Color.Grey)
      .decoration({ type: TextDecorationType.Overline, color: Color.Green })
  }
}
.alignItems(VerticalAlign.Top)
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
分享
微博
QQ
微信
回复
2024-12-18 18:36:36
相关问题
HarmonyOS Text内Span有办法底部对齐
626浏览 • 1回复 待解决
HarmonyOS Tab如何对齐
504浏览 • 1回复 待解决
HarmonyOS Span封装问题
482浏览 • 1回复 待解决
HarmonyOS span如何设置圆角
1131浏览 • 1回复 待解决
HarmonyOS Span属性设置失效
566浏览 • 1回复 待解决
HarmonyOS 如何span背景设置padding
685浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
934浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
1078浏览 • 1回复 待解决
HarmonyOS Text中Span显示问题
1151浏览 • 1回复 待解决
HarmonyOS Text中ImageSpan和Span
1256浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置左对齐
1072浏览 • 1回复 待解决
HarmonyOS string占位符中如何使用Span
623浏览 • 1回复 待解决
HarmonyOS Span内边距不生效
762浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
1277浏览 • 1回复 待解决
Span组件设置行间距间距
1311浏览 • 1回复 待解决
HarmonyOS 如何Text底部对齐
475浏览 • 1回复 待解决