CSS文本换行加省略号

版权声明：本文首发 http://asing1elife.com ，转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/83104261

文本换行的后需要对超出的内容加省略号，text-overflow: ellipsis 无法实现此需求

更多精彩

• 更多技术博客，请移步 asing1elife’s blog

解决

overflow: hidden;
// 只有webkit内核浏览器支持
display: -webkit-box;
// 需要指定换行数
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;