HarmonyOS 当Span前后有空Span的时候,ContainerSpan加上textBackgroundStyle会出现文字往下掉的情况,文字不是垂直居中的

demo代码:

import router from '@ohos.router';
// xxx.ets
@Component
@Entry
struct Index11123 {
  build() {
    Column() {
      Text() {
        ContainerSpan() {
          Span(' ')
          Span('包税').fontSize(11).fontWeight(FontWeight.Medium).fontColor(Color.White)
          Span(' ')
        }.textBackgroundStyle({color:0x5E36D9, radius:4})
      }
    }.width('100%').alignItems(HorizontalAlign.Center)
  }
}
router.back({ url: 'pages/Home', params: { info: '来自Home页' } });
HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

该现象的原因是因为3个span的字体大小不一样,高度就不一样,但是baseline基线是同一条线导致的,建议设置为统一的字体大小。

分享
微博
QQ
微信
回复
1天前
相关问题
画布绘制文字垂直居中
390浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
45浏览 • 1回复 待解决
url string如果前后有空格会崩溃
393浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
702浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字居中
424浏览 • 1回复 待解决
HarmonyOS Span属性设置失效
34浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
70浏览 • 1回复 待解决
HarmonyOS Text中ImageSpan和Span
542浏览 • 1回复 待解决