用-webkit-私有屬性，代碼如下：
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
另外還有其他方法可以解決這個問題：
1、通過js來控制字數，然后截取文字
下面是一個例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>例子</title>
<style type="text/css">
.demo{width:100px;}
</style>
</head>
<body>
<div class="demo" id="demo">怎么顯示兩行或三行文字，然后多出的部分省略號代替?</div>
<script>
// js無法直接通過class獲取對象，必須自己寫一個方法,這樣效率會非常低，原生js里最好用id獲取，直接用id獲取domo對象
var oBox=document.getElementById('demo');
// slice() 方法可從已有的數組中返回選定的元素。
// 您可使用負值從數組的尾部選取元素。
// 如果 end 未被規定，那么 slice() 方法會選取從 start 到數組結尾的所有元素。
// 此處需要根據需求自行修改slice()的值，以達到要顯示的內容
var demoHtml = oBox.innerHTML.slice(0,10)+'...';
// 填充至指定位置
oBox.innerHTML = demoHtml;
</script>
</body>
</html>
2、還有一種方法是通過后台控制，用程序控制，程序輸出時來控制；這個不會……
