这次给大家带来如何使用jQuery做出文字超过规定行数自动加省略号，使用jQuery做出文字超过规定行数自动加省略号的注意事项有哪些，下面就是实战案例，一起来看一下。
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.
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
如何使用JS实现左边列表平移到右边
怎样在微信小程序里实现分享页面后返回首页的功能
以上就是如何使用jQuery做出文字超过规定行数自动加省略号的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2756411.html
