前端显示2行文本内容，超出部分添加省略号？

Question

1.前端css样式代码：
.list-ul a p {

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-o-text-overflow：ellipsis;

}
前端html代码：
<p class="aa"> +data[i].Profile + '</p>
补充：这个p标签是在li标签中，通过发送ajax请求后台拿到的数据遍历出来得的简介信息。

以上样式目前在谷歌浏览器中，支持前端显示2行文本内容，超出部分添加省略号--完美。
不过，出现了新的浏览器兼容问题：在IE和火狐浏览器中，样式就失效了。
F12调试显示如下：

请问：如何让其在IE和狐火中都像在谷歌浏览器中显示的效果。请各位前端大咖，指点!!!

Answer 1

这个属性火狐和ie没用的，只有让p设置display: inline-block;然后高度为行高的2倍，overflow:hidden;

<div limit="10">
    我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话我是一段话
</div>
jQuery.fn.limit=function(){  
        var self = $("[limit]");  
        self.each(function(){  
            var objString = $(this).text();  
            var objLength = $(this).text().length;  
            var num = $(this).attr("limit");  
            if(objLength > num){  
                $(this).attr("title",objString);  
                objString = $(this).text(objString.substring(0,num) + "...");  
            }  
        })  
    }  
    $(function(){  
        $("[limit]").limit();  
    }) 

Answer 2

只能提供个思路是， jquery dotdotdot 插件可以做这个。参考这个链接 http://blog.csdn.net/qq_30668...

Answer 3

trunk8.js

Answer 4

这个只能用 js 来截取一个指定长度

var str ="亲，来一个demo，我试试"
str = str.substring(0, 5);
str + '...';

Answer 5

设置高度溢出隐藏或者，js截取一定字符串 ，其他浏览器没这个属性