javascript实现文本被省略号替换(超出固定高度)

Javascript用省略号实现文本替换

实现渲染：

如果图片不清晰，建议放大浏览器尺寸查看

1.这里用jquery来代替，所以jQuery是必须的，毕竟它是轻量级的，兼容所有主流浏览器。因此，jquery文件被引入到起始页中。

2.给页面添加样式。

样式类型='text/css '。文本{ background : # EEE；/*设置颜色以便于演示*//*宽度： 410 px；*/height : 40px；/*高度是判断何时将*/margin: 0替换为的必要条件.线高： 20px；font-size : 14px；} /style3。我这里测试使用的文字内容如下，读者可以自行设置。

div class=' text ' p www.nowcoder.com br/a href='http://www.nowcoder.com ' Niuke.com/a网站程序员刷conscience题必备=' http://www . now coder.com ' Niuke.com/一个良心程序员刷题必备网站A href=' http://www . now coder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/程序员刷conscience题必备的网站a href='http://www.nowcoder.com ' Niuke.com/程序员刷Conscience.com/p/div题必备的网站A div=' text ' p www.nowcoder.com br/A href=' http://www . now coder.com ' Niuke.com/一个良心程序员刷题必备的网站A href=' http://www . now coder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。com/一个良心程序员刷题的必备网站a href='http://www.nowcoder.com '牛科。程序员在良心网刷题的必备网站a href='http://www.nowcoder.com '牛科。com/程序员在良心网刷题必备网站a href='http://www.nowcoder.com '牛科。com/程序员在良心网/p /div4上刷题的必备网站。在页面末尾添加以下js代码，页面加载后，进行换行操作。

脚本类型='text/javascript' $(文档)。ready(function(){ wrap text()；});函数wrapText() { $(' .文本')。每个（函数(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)(\).\.\.)?$/, '.'));} });}/脚本需要注意的是上面的射流研究…代码使用的文本里面设置的班级名称。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！