Span不支持设置border,如何给文字设置背景

期望效果:

Span不支持设置border,如何给文字设置背景-鸿蒙开发者社区

设置背景的文字和不设置背景的文字需要保持统一

HarmonyOS
2024-02-20 10:29:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
blue76

Span组件设置border不生效,可考虑使用Text配合Stack,以及配合测量文字宽度实现。

示例代码

@Entry 
@Component 
struct Example { 
  build() { 
    Stack({ alignContent: Alignment.TopStart }) { 
      Text('一二三一二三一二三一二三一二三一二三一二三一二三') 
        .fontSize(30) 
        .backgroundColor(Color.Blue) 
        .textIndent(20 + 150) 
        .width(300) 
      Text('spansssss') 
        .fontSize(20) 
        .width(150) 
        .margin({ left: 10 }) 
        .padding({ left: 10 }) 
        .border({ width: 5, color: Color.Black, radius: 10 }) 
        .backgroundColor(Color.Yellow) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-02-20 19:47:06
相关问题
TextField怎么某段文字设置颜色
7266浏览 • 2回复 待解决
XComponent组件如何设置背景颜色
358浏览 • 1回复 待解决
如何设置卡片背景为透明
578浏览 • 1回复 待解决
如何设置窗口的背景
199浏览 • 1回复 待解决
如何背景颜色设置为透明
299浏览 • 1回复 待解决
Button组件如何设置渐变背景
392浏览 • 1回复 待解决
鸿蒙NEXT版本,支不支持APK?
543浏览 • 1回复 待解决
WebView如何设置文字大小?
5572浏览 • 3回复 待解决
Lite Wearable 不支持 http 网络接口吗
1848浏览 • 1回复 待解决
本地模拟器不支持断点调试????
742浏览 • 1回复 待解决
openharmony怎么设置背景透明模糊?
4364浏览 • 1回复 待解决
怎么组件设置下边框?
4904浏览 • 1回复 待解决
API 9 是否不支持 npm 了?
717浏览 • 1回复 待解决
4.0release不支持热重载?
370浏览 • 1回复 待解决
文字背景颜色渐变显示
315浏览 • 1回复 待解决
鸿蒙工程不支持aar本地导入吗?
6165浏览 • 1回复 已解决
Js UI 如何设置状态栏背景是透明的?
1524浏览 • 1回复 待解决
应用开发中的CSS不支持伪元素吗?
4945浏览 • 1回复 待解决