小程序设置文字单行多行超出省略显示 _电脑：win7，64位

我在开发小程序的时候经常遇到这么一个需求就是文字超出范围后自动省略不显示！那么该如何设置呢？下面小编就将方法分享给大家，供大家参考学习！

文章插图

需要这些哦
电脑：win7 ， 64位
软件应用：微信开辟者东西
方式/
1和日常工作一样啦，起首打开【开辟东西】

文章插图

2打开辟开东西后，新建一个页面并建立两段文字（这里是便利演示，大师忽略！）

文章插图

3打开CSS文件设置单行省略结果！
代码：
.demo1 {
display: block;
【小程序设置文字单行多行超出省略显示】width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

文章插图

4设置多行省略结果！
代码：
.demo2 {
width: 100%;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}