不同字号大小的Text底部对齐

2025-02-09  本文已影响0人  wl520mxj

如图所示,如果用多个Text实现2025年1月,因为内边距的问题,会导致底部不对齐。解决方案是用Span解决,如下

方案1:

Text() {

  Span('2025').fontSize(22).fontWeight(FontWeight.Bold)

  Span('年').fontSize(11)

  Span('1').fontSize(22).fontWeight(FontWeight.Bold)

  Span('月').fontSize(11)

}.fontColor('#111B3C')

方案2:

Row() {

  Text('2025').fontSize(22).fontWeight(FontWeight.Bold)

  Text('年').fontSize(12).alignSelf(ItemAlign.Baseline)

}

上一篇 下一篇

猜你喜欢

热点阅读