n行文本隐藏展示外部容器：overflow:hidden; 内部容器： -显示属性设置为“ -webkit-box”或“

外部容器：overflow:hidden;
内部容器：

-显示属性设置为“ -webkit-box”或“ -webkit-inline-box”并且“ -webkit-box-orient”属性设置为“垂直”时，此属性才有效。

-line-clamp设定行数

-box-orient是展示隐藏的开关

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
	.box{
		overflow:hidden;
	}
	.inner{
		display:-webkit-box;
		-webkit-line-clamp: 7; // 七行
		-webkit-box-orient: vertical; //开关
	}
</style>
</head>

<body>
	<div class='box'>
		<div class='inner'>
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		测试测试测试测试测试测试测试测试测试测试测试
		</div>
	</div>
</body>
</html>