HarmonyOS Text超出部分末尾显示...
HarmonyOS Text 默认是显示一行,想要Text超出部分末尾显示...
设置 truncation_mode="ellipsis_at_end" 即可,
truncation_mode 还有其他的属性, 当truncation_mode="ellipsis_at_start" 设置为true是点点在文字开头显示,当 truncation_mode="ellipsis_at_middle" 在中间的时候点点在中间显示.
xml 代码如下
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:orientation="vertical"><Textohos:id="$+id:text"ohos:height="match_content"ohos:width="200vp"ohos:text="窗前明月光,疑是地上霜."ohos:text_size="22fp"ohos:truncation_mode="ellipsis_at_end"ohos:top_margin="50vp"/><Textohos:id="$+id:text1"ohos:height="match_content"ohos:width="200vp"ohos:text="窗前明月光,疑是地上霜."ohos:text_size="22fp"ohos:truncation_mode="ellipsis_at_start"ohos:top_margin="50vp"/><Textohos:id="$+id:text2"ohos:height="match_content"ohos:width="200vp"ohos:text="窗前明月光,疑是地上霜."ohos:text_size="22fp"ohos:truncation_mode="ellipsis_at_middle"ohos:top_margin="50vp"/></DirectionalLayout>
效果图:
HarmonyOS Text超出部分末尾显示...相关推荐
- 小程序 WXS响应事件(超出两屏显示返回顶部按钮)
小程序 WXS响应事件(超出两屏显示返回顶部按钮) 两种解决办法: view页面形式实现: <wxs module="test" src="./test.wxs&q ...
- css实现文本超出宽度省略号显示
2019独角兽企业重金招聘Python工程师标准>>> 单行文本超出宽度省略号显示 .text {width:20px;overflow:hidden;text-overfolw:e ...
- css中文字操超出固定个数显示省略... 超出隐藏
先上样式 <div class="text">我是一段文字,超出固定个数显示省略号 </div> .text {/* 超出10个字隐藏,之所以设置11em是 ...
- 文本超出部分省略号显示
uni-app 文本超出部分省略号显示 今日在将文本超出部分省略号显示问题上遇到困难,从网上找到解决方法.特此记录便于日后查阅. text {overflow: hidden;text-overflo ...
- 微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮
微信小程序列表实现文字内容超出隐藏并显示全文/收起按钮 针对这个功能,产品的需求如下 由于我们项目是教育类产品所以这里这个功能会用在发动态这里,就像微信朋友圈那样,我们叫班级圈. 用户发班级圈时,可以 ...
- HarmonyOS Text设置换行
HarmonyOS Text 默认是不换行的如下 设置换行是设置multiple_lines 为true 设置后的效果如下
- mysql 尝试读取超过流末尾的_MySql异常:尝试读取超出流末尾的内容
问题详细描述: 2020-09-04 11:28:19,576 [DefaultQuartzScheduler_Worker-1] DEBUG MySql.Data.MySqlClient.MySql ...
- div超出部分点点显示
div超出部分点点显示 .divHXMDNoWrap{ width: 100px; /*必须设置宽度*/ overflow: hidden; /*溢出隐藏*/ text-overflow: elli ...
- 使用CSS样式设置文本超出2行显示为省略号
设置文本超出2行显示为省略号 在设计前端页面中,我们经常会遇到文本太长导致超出规定区域的情况. 我们只需要在文本中设置以下样式即可解决该问题: html页面: <div class=" ...
最新文章
- Python技术学习之Django框架设计思想
- java ee 分页_【JavaEE】JavaEE分页实践
- 在c语言中,字符串topt65的长度是,谭浩强c__程序设计第13章.ppt
- for循环之性能优化
- VUE3(setup响应式函数系统API)
- userdel删除用户失败提示:userdel: user * is currently logged in 解决方法
- IBM TPM2.0 模拟器
- SlickEdit使用 .
- 宋宝华linux内核驱动代码,宋宝华 《Linux设备驱动开发详解》示例代码之fifo字符设备驱动...
- 以色列Aladdin HASP SRM(AES-128)加密狗破解经验分享
- 开发一个app多少钱啊?
- 计算机二级真题论文排版,计算机二级word真题:供应链的管理论文排版
- 计算机内部的物理运行机制,许多人具有应用物理、计算机、经济、心理学以及运筹学的背景,因...
- delete和delete[]的理解
- 高等数学上:函数的极限(重难点)
- 联想微型计算机功率,联想小新pro 13 2019 i7 突破功耗墙以后
- 友人与友情【诗词13首】
- 2020大一寒假培训三 (暴力)
- Let‘s Encrypt 签发域名和泛域名https证书示范(最新亲测有效,踩了几个坑,有问题评论我给你答疑)
- 接触电阻导通电阻四线毫欧电阻信号隔离转换器0-500mΩ 0-100mΩ转4-20ma