这篇文章主要介绍了jquery实现文字超过1行、2行或规定的行数时自动加省略号的方法,涉及jquery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法。分享给大家供大家参考，具体如下：
nbsp;html>www.jb51.net jQuery自动添加省略号 $(function () { $(".figcaption").each(function (i) { var pH = $(this).height(); var $p = $("p", $(this)).eq(0); while ($p.outerHeight() > pH) { $p.text($p.text().replace(/(s)*([a-zA-Z0-9]+|W)(...)?$/, "...")); }; }); }); *{ padding: 0px; margin: 0px; } .figcaption{ width: 300px; height: 50px; /*根据父元素的高度来添加省略号 *可以任意设置显示的行数 */ border: 1px solid red; }
You probably can't do it (currently?) without a fixed-width font like Courier. With a fixed-width font every letter occupies the same horizontal space, so you could probably count the letters and multiply the result with the current font size in ems or exs. Then you would just have to test how many letters fit on one line, and then break it up.
登录后复制
运行效果：
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
AJAX封装类使用指南
AJAX初级教程之初识AJAX
Ajax中浏览器和服务器交互详解
以上就是jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2755076.html
