只展示n行文字，多出的文字省略号...

<div class=content-text''>
只展示n行文字，多出的文字省略号只展示n行文字，多出的文字省略号只展示n行文字，多出的文字省略号
</div>
//文字多行
.content-text {
	width: 200px;
	font-size: 14px;
	overflow: hidden; //超出隐藏
	display: -webkit-box;
	-webkit-line-clamp: 5;   //只展示5行
	/* autoprefixer: ignore next */   // 防止下面的语句在编译或者打包的时候被报错，无效
	-webkit-box-orient: vertical;// 文本多行显示省略号的关键css语句
}


//单行文字
.content-text {
	width: 200px;
	font-size: 14px;
	overflow: hidden; //超出隐藏
	text-overflow: ellipsis; //超出用省略号表示
}