在HTML标签中显示很长一段文字，显示两行，多余部分显示省略号，这个怎么弄？
单行的我知道怎么弄了：

   white-space:nowrap;

   text-overflow:ellipsis;

   overflow: hidden;

但是两行或者两行以上的显示省略号怎么弄呢？单纯CSS能做到吗？
比如这样：


我百度搜了一下，有人说不行：



------解决方案--------------------
单纯的css不能实现吧，要么用js截取，要么后台控制
------解决方案--------------------
麻烦的原因在于你们一定要搞的这么麻烦

你php 就设置的最大长度截取下显示的字符串 后面加 。。。 不得了
一定要搞的这么帅 正好顶头顶尾
------解决方案--------------------
CSS好像不行。。后台来截取吧，反正后台来做也很简单，就一个截取字符串的方法而已！！ 或者用JS截取也行
------解决方案--------------------
据我所知，css没这么只能，只能通过js或是后台截取，然后，再加一个。。。
------解决方案--------------------
给你参考个简单的范例
<script>
   window.onload = function(){
            var text = document.getElementById('txt'),
            str = text.innerHTML,
            textLeng = 20;
            if(str.length > textLeng ){
                  text .innerHTML = str.substring(0,textLeng )+"... ...";
            } 
}
</script>
<div id="txt">
在传统的网页实现聊天室的方法是通过每隔一段时间请求服务器获取相关聊天信息来实现,然而html5带来的websocket功能改变这了这种方式
</div>