多行文本溢出显示省略号

这里是i喵酱,这个是一个多行超出换行的小demo,看这里看这里~~
overflow:hidden;内容会被修剪，超出隐藏。
text-overflow: ellipsis; 超出范围显示“...”。
display: -webkit-box; 把对象转换成弹性盒模型 。
-webkit-box-orient: vertical;设置或检索伸缩盒对象的子元素的排列方式 。
-webkit-line-clamp: 9;后面参数代表显示几行
CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新。
.overflow{
	width:300px;
  	overflow : hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 10;
}

有兼容问题~