码迷,mamicode.com
首页 > 微信 > 详细

微信小程序-超出部分显示省略号(单行与多行)

时间:2020-06-04 13:38:39      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:程序   lips   web   rap   span   行内元素   play   text   over   

/*单行*/
.work_font{
 display:block /*这里设置inline-block或者block;根据使用情况来定(行内元素需要加这个,块级元素和行内块级可以不用)*/

 white-space:nowrap;

 overflow:hidden;

 text-overflow:ellipsis;

}

/*多行*/

.work_font{

 text-overflow:ellipsis;

 overflow:hidden;

 display:-webkit-box;

 -webkit-line-clamp:2; /*这个数字是设置要显示省略号的行数*/

 -webkit-box-orient:vertical;

}

 

微信小程序-超出部分显示省略号(单行与多行)

标签:程序   lips   web   rap   span   行内元素   play   text   over   

原文地址:https://www.cnblogs.com/Jessie-candy/p/13042902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!