CSS文本换行加省略号

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

解决

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