在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。 找了很多，都貌似只能一行显示。最后在百度知道找到答案。 答案转自百度知道，题主的自答。 ...

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。 找了很多，都貌似只能一行显示。最后在百度知道找到答案。 答案转自百度知道，题主的自答。 ...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

...

overflow:hidden; white-space:nowrap; /*不允许换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/ 　　 ...

由于使用css控制文字只显示多行，超出部分显示省略号，存在一定的兼容性问题，所以总结了一下网上一些大咖使用js实现控制行数的解决方案。 第一步：依次引入jquery.js+jquery.ellipsis.js+jquery.ellipsis.unobtrusive.js ...

效果图： 注意点：看代码有webkit自然也就chrome支持好，其他浏览器就。。啧啧啧 ...