在搭建前台文章列表中,需要实现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(); }