css
overflow:hidden; text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/ white-space:nowrap;/*文本不自动换行*/
p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //显示行数 -webkit-box-orient: vertical; }
jQuery
$(".figcaption").each(function(i){ var divH = $(this).height(); var $p = $("p", $(this)).eq(0); while ($p.outerHeight() > divH) { $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "...")); }; });
原文:https://www.cnblogs.com/syzyn/p/15346378.html