text组件属性介绍
textAlign有三种属性start(默认),end,center
Column(){
//默认文字大小16
Text("迪加奥特曼").width(200)
Text().margin({top:10,bottom:10})
Text("泰罗奥特曼")
.width(200)
.fontSize(26)
.fontColor(Color.Red)
.textAlign(TextAlign.End)//有end start center三种属性设置
Text().margin({top:10,bottom:10})
Text("杰克奥特曼杰克奥特曼杰克奥特曼杰克奥特曼")
.width(200)
.fontSize(26)
.fontColor(Color.Red)
.maxLines(2) //最大行数
.textOverflow({overflow: TextOverflow.Ellipsis})//隐藏文字,并显示省略样式
}.justifyContent(FlexAlign.Center)
.height("100%")
运行结果:
注意:text组件可以包含子组件Span ,当包含Span 时不生效,只显示 Span 的内容。
✨ 踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下
📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管
📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管
📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网
📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn
🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545
👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!
⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!
✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!
如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教