转载: http://www.css88.com/webkit/-webkit-line-clamp/
-webkit-line-clamp 是一个 不规范的属性,它没有出现在 CSS 规范草案中。(ie和火狐不兼容)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
p {
width: 150px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
</style>
</head>
<body>
<p>
111111111111111111111111111111111111111111111111
111111111111111111111111111111111111111111111111
</p>
</body>
</html>
运行结果: