网上找了很多资料，大多都是只能解决单行的情况，多行的情况不适用，因此在这里记录一下同时适用单行和多行的方法。代码如下：
display:-webkit-box;
word-break:break-all;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
这个方法在Html页面和微信小程序页面都测试过，都能解决单行和多行的情况。
网上找了很多资料，大多都是只能解决单行的情况，多行的情况不适用，因此在这里记录一下同时适用单行和多行的方法。代码如下：
display:-webkit-box;
word-break:break-all;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
这个方法在Html页面和微信小程序页面都测试过，都能解决单行和多行的情况。
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
CSS实现单行、多行文本溢出显示省略号（…）
实现单行文本溢出的CSS 实现多行文本溢出的CSS 但是！实现多行文本溢出显示省略号的时候webpack不编译-w...
1.单行文字超过 2.多行文字超过显示 引用至CSS实现单行、多行文本溢出显示省略号
css实现单行，多行文本溢出显示省略号... 单行文本 效果如图: 多行文本(适合webkit浏览器和移动端,大部...
单行处理 实现单行文本溢出显示省略号，此时需要定宽度 多行处理 css3方法
单行文本溢出显示省略号 多行文本溢出 文字选中滑动背景色 禁止文本缩放 禁止文本选中 css实现不换行、自...
先看代码： 单行文本溢出显示省略号 多行文本溢出显示省略号 display: -webkit-box -webki...
css实现文本溢出时显示省略号 一、单行文本溢出 如果要实现单行文本的溢出显示省略号可以用text-overflo...
一、溢出的文字省略号显示 1.1、单行文本溢出显示省略号---必须满足三个条件 1.2、多行文本溢出显示省略号 多...
本文标题：CSS单行、多行文本溢出显示省略号（……）
本文链接：https://www.haomeiwen.com/subject/aglnixtx.html
网友评论