51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS Text中的Span显示问题

我想在一个文本框中显示回复信息，首先，名称长度不是固定的，还有可能是这样的，如图所示：

HarmonyOS Text中的Span显示问题-鸿蒙开发者社区

HarmonyOS Text中的Span显示问题-鸿蒙开发者社区

我尝试使用Span进行文字拼接，但是文字内容会自动跑到下一行，请问有什么好的办法解决吗？

HarmonyOS
zxjiu
2024-08-29 11:29:05
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
superinsect

Text组件请添加wordBreak(WordBreak.BREAK_ALL)，请参考如下代码

Text(){ 
 Span('huiahiahiai:') 
  .fontWeight(FontWeight.Bold) 
  .fontSize(24) 
 Span(' ') 
 Span('ahuaiahiaiahuaha111111111112222222223344444444') 
} 
.width('90%') 
.padding(10) 
.lineHeight(24) 
.backgroundColor('#f5f5f5') 
.wordBreak(WordBreak.BREAK_ALL)
分享
微博
QQ
微信
回复
2024-08-29 18:21:06
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS Text中的ImageSpan和Span
148浏览 • 1回复 待解决
Text组件中多个Span文本，不同fontSize的Span文本如何上下居中对齐，类似ImageSpan的verticalAlign属性
1732浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
154浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
9813浏览 • 5回复 待解决
HarmonyOS Span标签样式问题
161浏览 • 1回复 待解决
HarmonyOS span中如何设置圆角
122浏览 • 1回复 待解决
HarmonyOS Text组件，富文本使用Span设置背景色无效
245浏览 • 1回复 待解决
Text的子组件中包含多个Span，如何将其同意设置一个圆角矩形的背景?
127浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
195浏览 • 1回复 待解决
Text匹配文字高亮显示
531浏览 • 1回复 待解决
Text怎么显示带html标签的文本
4040浏览 • 1回复 待解决
Text组件是否支持多行显示
1727浏览 • 1回复 待解决
如何将传感器的数据实时显示在UI的Text中
1901浏览 • 1回复 待解决
HarmonyOS 文字显示问题
119浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
120浏览 • 1回复 待解决
Text组件有些符号显示不出来,这是系统默认字体问题?还是组件问题
132浏览 • 1回复 待解决
HarmonyOS 两个text 不能同时显示 如何在切换显示一个&隐藏另一个的时候, text不会删除重建
124浏览 • 2回复 待解决
富文本组件问题，如果要解析html数据并使用Span组件显示，如何使用类似 Html.fromHtml 的方法处理
1792浏览 • 1回复 待解决
HarmonyOS flex中另一个组件设置了flexGrow（1）text组件无法显示完整内容被强制换行
87浏览 • 1回复 待解决
关于text内容删除的问题有懂的吗？
2498浏览 • 1回复 待解决
HarmonyOS html富文本显示问题
296浏览 • 1回复 待解决
Text组件布局过界问题
599浏览 • 1回复 待解决
HarmonyOS Span不支持设置Margin、Padding、Border
147浏览 • 1回复 待解决
HarmonyOS 自定义Dialog显示问题
114浏览 • 1回复 待解决
HarmonyOS Text()组件纵向排列字体放大导致文本部分丢失问题
185浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
3.1.2 Span组件 0回复
WebView加载html图片不显示问题 1回复
HarmonyOS原子化服务开发中的API版本使用问题 0回复
HarmonyOS应用开发-显示时间的实现 0回复
HarmonyOS/OpenHarmony原生应用-ArkTS万能卡片组件Span 0回复