CSS实现单行、多行文本溢出显示省略号

单行省略

span {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

多行省略

div {
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	display:box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。

常见结合属性：
display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

参考文章
https://www.cnblogs.com/gopark/p/8875655.html