jQuery实现文字超过一行、2行或规定的行数时自动加省略号的方法

本文实例讲述了框架实现文字超过一行、2行或规定的行数时自动加省略号的方法。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net jQuery自动添加省略号/title脚本src=' http :http://apps。bdimg。com/libs/jquery/2。1 .4/jquery。量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $().图标题').每个（函数(i) { var divH=$(this)).高度();var $p=$('p '，$(this)).eq(0)；while($ p . ExternaL Height()(DivH){ $ p . text($ p . text().替换(/(\s)*([a-zA-Z0-9] |\W)(\).\.\.)?$/, '.'));};});});/script style * { padd : 0px；margin: 0px}。图标题{宽度： 300px高度： 50px/*根据父元素的高度来添加省略号*可以任意设置显示的行数*/border: 1px纯红；}/style/head body div class=' fig caption ' p你可能做不到（目前？)没有像信使那样的固定宽度字体。对于固定宽度的字体，每个字母都占据相同的水平空间，因此您可能会计算字母，并将结果乘以邮政快递或外面支撑的中的当前字体大小。然后你只需要测试一行有多少个字母，然后分解它/p /div/bodyscript/script/html运行效果：

更多关于框架相关内容可查看本站专题： 《jQuery字符串操作技巧总结》 、 《jQuery操作xml技巧总结》 、 《jQuery扩展技巧总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家框架程序设计有所帮助。