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(); }