CSS实现div内文字显示两行，超出两行部分省略号显示

 

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。

找了很多，都貌似只能一行显示。最后在百度知道找到答案。

答案转自百度知道，题主的自答。

用的是-webkit-私有属性。
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

另有回答是通过jquery来实现的
下载Jquery插件：jQuery ellipsis plugin
调用方法：
$(document).ready(function() {
　　$('.ellipsis').ellipsis();
}

找了很多，都貌似只能一行显示。最后在百度知道找到答案。

答案转自百度知道，题主的自答。

用的是-webkit-私有属性。
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

另有回答是通过jquery来实现的
下载Jquery插件：jQuery ellipsis plugin
调用方法：
$(document).ready(function() {
　　$('.ellipsis').ellipsis();
}