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
待解决
相关问题
画布绘制文字,垂直居中
588浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
252浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
966浏览 • 1回复 待解决
HarmonyOS <Text>的styles设置lineHeight后,文字不会自动垂直居中
447浏览 • 1回复 待解决
HarmonyOS 如何把背景色中的文字放在垂直居中的位置
317浏览 • 1回复 待解决
Span不支持设置border,如何给文字设置背景
3076浏览 • 1回复 待解决
url string如果前后有空格会崩溃
583浏览 • 1回复 待解决
HarmonyOS 使用TextInput设置高度,会出现显示的文字被截掉的现象
227浏览 • 1回复 待解决
HarmonyOS Text组件设置fontFamily后出现文字平铺的情况
299浏览 • 1回复 待解决
HarmonyOS RichEditor点按文字会出现拍摄输入菜单
630浏览 • 1回复 待解决
span不支持设置border,如何给文字设置圆角矩形背景
1466浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字不居中
665浏览 • 1回复 待解决
HarmonyOS Flex左右布局时,右边如果有文字,文字则会出现问题
304浏览 • 1回复 待解决
HarmonyOS 当Text中包含Span或ImageSpan时,自定义菜单会被Span/ImageSpan影响
237浏览 • 1回复 待解决
HarmonyOS Span的封装问题
163浏览 • 1回复 待解决
垂直排列的文字,有直接可以设置的属性么?
856浏览 • 1回复 待解决
HarmonyOS TextInput输入的时候,当文字达到一定数量的时候,自动关闭输入框
364浏览 • 1回复 待解决
HarmonyOS 字号不同的多个Span组合,如何让Span居顶部对齐
318浏览 • 1回复 待解决
HarmonyOS 弹窗文字未居中
162浏览 • 1回复 待解决
HarmonyOS Canvas怎么在指定位置绘制垂直的文字
199浏览 • 1回复 待解决
HarmonyOS Span的属性设置失效
228浏览 • 1回复 待解决
HarmonyOS 系统提供的定位服务会出现不精准的情况
336浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
390浏览 • 1回复 待解决
该现象的原因是因为3个span的字体大小不一样,高度就不一样,但是baseline基线是同一条线导致的,建议设置为统一的字体大小。