uni-app 文字超出隐藏并显示省略号

1. overflow: hidden;
   
2. word-break: break-all;  /* break-all(允许在单词内换行。) */
   
3. text-overflow: ellipsis;  /* 超出部分省略号 */
   
4. display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
   
5. -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
   
6. -webkit-line-clamp: 1; /** 显示的行数 **/

复制代码

--声明--

1、会员在访问网站并且下载文档提示缺少学费请每天签到或者分享资源即可拥有学费。

2、付出是相互的，请不要想不劳而获的好事能在你身边发生，社会是公平的。

3、转载或引用本网站内容须注明原网址，并标明本网站网址(http://www.aurrel.com)。

4、转载或引用本网站中的署名文章，请按规定向原作者支付稿酬。

5、网站发布的部分源码或者教程仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件（215586711@qq.com）与我们联系处理。

本文地址: https://www.aurrel.com/thread-17430-1-1.html