<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{
??????? width: 100px;
??????? height: 46px;
??????? overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
??????? }
</style>
</head>
<body>
<div id="box">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
</body>
</html>
css 设置文本多行显示再隐藏
原文地址：http://www.cnblogs.com/yzyh/p/7531402.html