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
待解决
相关问题
画布绘制文字,垂直居中
390浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
45浏览 • 1回复 待解决
url string如果前后有空格会崩溃
393浏览 • 1回复 待解决
HarmonyOS <Text>的styles设置lineHeight后,文字不会自动垂直居中
320浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
702浏览 • 1回复 待解决
HarmonyOS 如何把背景色中的文字放在垂直居中的位置
46浏览 • 1回复 待解决
HarmonyOS 使用TextInput设置高度,会出现显示的文字被截掉的现象
57浏览 • 1回复 待解决
Span不支持设置border,如何给文字设置背景
2641浏览 • 1回复 待解决
HarmonyOS RichEditor点按文字会出现拍摄输入菜单
47浏览 • 1回复 待解决
HarmonyOS Text组件设置fontFamily后出现文字平铺的情况
47浏览 • 1回复 待解决
HarmonyOS Flex左右布局时,右边如果有文字,文字则会出现问题
47浏览 • 1回复 待解决
span不支持设置border,如何给文字设置圆角矩形背景
1023浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字不居中
424浏览 • 1回复 待解决
HarmonyOS TextInput输入的时候,当文字达到一定数量的时候,自动关闭输入框
153浏览 • 1回复 待解决
HarmonyOS 当Text中包含Span或ImageSpan时,自定义菜单会被Span/ImageSpan影响
29浏览 • 1回复 待解决
垂直排列的文字,有直接可以设置的属性么?
315浏览 • 1回复 待解决
HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐
77浏览 • 1回复 待解决
HarmonyOS 系统提供的定位服务会出现不精准的情况
11浏览 • 1回复 待解决
HarmonyOS tabs快速点击会出现多个tab同时亮的情况
33浏览 • 1回复 待解决
HarmonyOS Span的属性设置失效
34浏览 • 1回复 待解决
HarmonyOS Text的Span属性什么时候支持设置圆角和图片?
348浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
70浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
542浏览 • 1回复 待解决
该现象的原因是因为3个span的字体大小不一样,高度就不一样,但是baseline基线是同一条线导致的,建议设置为统一的字体大小。