解决方案：
/*单行*/
.maomao{
display:block /*这里设置inline-block或者block；根据使用情况来定（行内元素需要加这个，块级元素和行内块级可以不用）*/
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/*多行*/
.maomao{
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2; /*这个数字是设置要显示省略号的行数*/
-webkit-box-orient:vertical;
}
单行文字超出显示省略号 多行文字超出显示省略号
1. 单行超出显示省略号 如： 2. 多行超出显示省略号 如：
解决方案：
单行超出部分显示… 多行超出部分显示…
小程序的省略号 单行文本 多行文本 微信小程序——button添加背景图片
微信小程序text文本溢出单行/多行省略 微信小程序填坑之路之文本溢出 CSS3文本溢出显示省略号 以上三个链接的...
单行超出省略号 多行超出省略号
1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） 多行文本溢出显示省略号 2、中英文自动换行 ...
先贴一个文字超出后显示省略号的css样式： 单行文字超出显示省略号： 多行文字超出显示省略号： *如果你的项目中装...
1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） 多行文本溢出显示省略号 中英文自动换行 wo...
本文标题：微信小程序-超出部分显示省略号（单行与多行）
本文链接：https://www.haomeiwen.com/subject/nhxltxtx.html
网友评论