前端显示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和狐火中都像在谷歌浏览器中显示的效果。请各位前端大咖，指点!!!