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
赞
收藏 0
回答 1
待解决
相关问题
画布绘制文字,垂直居中
1195浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
904浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
1654浏览 • 1回复 待解决
HarmonyOS <Text>的styles设置lineHeight后,文字不会自动垂直居中
975浏览 • 1回复 待解决
HarmonyOS 如何把背景色中的文字放在垂直居中的位置
877浏览 • 1回复 待解决
url string如果前后有空格会崩溃
1063浏览 • 1回复 待解决
Span不支持设置border,如何给文字设置背景
3892浏览 • 1回复 待解决
HarmonyOS 使用TextInput设置高度,会出现显示的文字被截掉的现象
711浏览 • 1回复 待解决
HarmonyOS RichEditor点按文字会出现拍摄输入菜单
1680浏览 • 1回复 待解决
HarmonyOS Text组件设置fontFamily后出现文字平铺的情况
890浏览 • 1回复 待解决
HarmonyOS Flex左右布局时,右边如果有文字,文字则会出现问题
895浏览 • 1回复 待解决
span不支持设置border,如何给文字设置圆角矩形背景
2006浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字不居中
1293浏览 • 1回复 待解决
垂直排列的文字,有直接可以设置的属性么?
1405浏览 • 1回复 待解决
HarmonyOS Span的封装问题
669浏览 • 1回复 待解决
HarmonyOS 当Text中包含Span或ImageSpan时,自定义菜单会被Span/ImageSpan影响
824浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
564浏览 • 1回复 待解决
HarmonyOS TextInput输入的时候,当文字达到一定数量的时候,自动关闭输入框
887浏览 • 1回复 待解决
HarmonyOS Canvas怎么在指定位置绘制垂直的文字
770浏览 • 1回复 待解决
HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐
957浏览 • 1回复 待解决
HarmonyOS 系统提供的定位服务会出现不精准的情况
1012浏览 • 1回复 待解决
HarmonyOS Span的属性设置失效
805浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
976浏览 • 1回复 待解决
该现象的原因是因为3个span的字体大小不一样,高度就不一样,但是baseline基线是同一条线导致的,建议设置为统一的字体大小。