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

Posted 糖糖H

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序-超出部分显示省略号(单行与多行)相关的知识,希望对你有一定的参考价值。

/*单行*/
.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;

}

 

以上是关于微信小程序-超出部分显示省略号(单行与多行)的主要内容,如果未能解决你的问题,请参考以下文章

CSS中 设置( 单行多行 )超出显示省略号

CSS中 设置( 单行多行 )超出显示省略号

单行显示省略号和多行显示省略号

HTML单行与多行文本超出省略显示

文本显示,单行超出和多行超出显示省略号

单行显示省略号/指定行显示省略号