首页 > Web开发 > 详细

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

时间:2016-04-19 06:19:51      阅读:459      评论:0      收藏:0      [点我收藏+]

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

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

原文:http://www.cnblogs.com/zpsong/p/5406494.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!