账户中心 退出系统
开发文档 资讯·分享 技术交流 会员登录
phpGrace GSCMS 公众号系统
小程序文本溢出省略号单行及多行模式
主题  : 技术资讯  >   技术分享   ·  时间  :  02 / 22 / 2021   ·  浏览  :  503

单行溢出省略号

.demo{white-space:nowrap; text-overflow:ellipsis;}

指定行数的溢出省略号

.demo{
line-height:40rpx; 
height:80rpx; display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top:6rpx;}

/* 
说明 : 高度 = 行高 * 行数
*/

亲测,好用 ~

收藏此文
相关回复
{{comment.u_nickname}}
{{comment.u_nickname}} @ {{comment.comments_reply_uname}}
{{comment.comments_content}}
 {{comment.comments_date}}
 点赞 ({{comment.comments_like_count}})   回复 ({{comment.comments_reply_count}})
{{commentSon.u_nickname}}
{{commentSon.u_nickname}} @ {{commentSon.comments_reply_uname}}
{{commentSon.comments_content}}
 {{commentSon.comments_date}}
 点赞 ({{commentSon.comments_like_count}})   回复 ({{commentSon.comments_reply_count}})
{{loadmoreText}}