对于谷歌浏览器来说只要给容器加上下面几行代码即可:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;/*指定文字显示的行数*/
-webkit-box-orient:vertical;
要兼容其他浏览器的话,用插件clamp.js实现
对于谷歌浏览器来说只要给容器加上下面几行代码即可:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;/*指定文字显示的行数*/
-webkit-box-orient:vertical;
要兼容其他浏览器的话,用插件clamp.js实现