51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术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/Span使用问题
1305浏览 • 1回复 待解决
HarmonyOS Text子组件中Span、ImageSpan显示如何优化？
1492浏览 • 1回复 待解决
HarmonyOS Text中的ImageSpan和Span
1497浏览 • 1回复 待解决
HarmonyOS Text中的span不能设置间距吗
838浏览 • 1回复 待解决
HarmonyOS 使用Text里套Span标签使用问题
1374浏览 • 1回复 待解决
HarmonyOS Text内部Span的宽度设置无效
970浏览 • 1回复 待解决
HarmonyOS Text的Span不支持align
981浏览 • 1回复 待解决
HarmonyOS 当Text中包含Span或ImageSpan时，自定义菜单会被Span/ImageSpan影响
845浏览 • 1回复 待解决
HarmonyOS Text的Span如何添加背景为边框？
1602浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
11385浏览 • 5回复 待解决
Text组件中多个Span文本，不同fontSize的Span文本如何上下居中对齐，类似ImageSpan的verticalAlign属性
3469浏览 • 1回复 待解决
HarmonyOS Span的封装问题
685浏览 • 1回复 待解决
HarmonyOS Text内的Span有办法底部对齐吗
826浏览 • 1回复 待解决
HarmonyOS Text中如何显示 emjo 表情？
1450浏览 • 1回复 待解决
HarmonyOS 如何判断Text中的文字显示的行数？
2069浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
1319浏览 • 1回复 待解决
HarmonyOS Text中包含子组件，例如Span、ImageSpan，文案变化不会响应onSizeChange
830浏览 • 1回复 待解决
HarmonyOS 布局中有Text包Span，当页面布局发生变更，此Text位置发生移动，Span的onCLick事件就不响应了
905浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
1140浏览 • 1回复 待解决
HarmonyOS Text显示异常
690浏览 • 1回复 待解决
#鸿蒙通关秘籍#富文本控件RichText，如何实现Text控件中的Span拼接功能，且能给每个Span增加点击事件？
981浏览 • 1回复 待解决
HarmonyOS Text的Span属性什么时候支持设置圆角和图片？
1209浏览 • 1回复 待解决
HarmonyOS ArkUI Text组件Span希望增加对齐方式的功能特性
1178浏览 • 1回复 待解决
HarmonyOS Text包裹n个span，如何判断Text组件出现Ellipsized，或者超过几行呢
679浏览 • 1回复 待解决
HarmonyOS Text组件下面的Span元素之间如何设置间距？
1668浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
3.1.2 Span组件 0回复
【游戏技术分享 第62期】鸿蒙应用安装后在设置的应用列表中显示的应用图标和在手机桌面中显示的不一致问题 0回复
HarmonyOS NEXT ArkUI Text组件 0回复
WebView加载html图片不显示问题 1回复
HarmonyOS/OpenHarmony原生应用-ArkTS万能卡片组件Span 0回复