栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

javascript 实现文本使用省略号替代(超出固定高度的情况)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

javascript 实现文本使用省略号替代(超出固定高度的情况)

javascript 实现文本使用省略号替代

实现效果图:

如果图片不清晰,建议放大浏览器的尺寸进行查看

1.这里是配合jQuery来进行替换的,所以jquery还是必备的,毕竟是轻量级,而且对各大的浏览器兼容性也好。所以开始页面引入jquery文件。

2.在页面添加样式。


    .text {
      background: #EEE;
      
      height: 40px; 
      margin: 0;
      line-height: 20px;
      font-size: 14px;
    }
  

3.我这里测试使用的文本内容如下,读者可以自行设置。


    

www.nowcoder.com
牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站

www.nowcoder.com
牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站 牛客网良心网 程序员刷题必备网站

4.在页面的末尾部分加入如下js代码,在页面加载完毕后,进行换行操作。


需要注意的是上面的js代码使用的文本里面设置的class名称.

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/89831.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号