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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM