热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQuery教程分享如何用省略号“……”替换第一个溢出元素

我有一个带有多个标签的div,div是固定的宽度和高度,我想用“……”替换溢出父版本的文本。oneoneoneoneoneoneoneoneoneoneoneonetwotwotw

我有一个带有多个

标签的div,div是固定的宽度和高度,我想用“……”替换溢出父版本的文本。

 

one one one one one one one one one one one one

two two two two two two two two two two two two

three three three three three three three three

four four four four four four four four four four

five five five five five five five five five five

six six six six six six six six six six six six six

在某些时候,文本溢出父文件,此时我想用“…”替换溢出的单词。

像这样:

 ___________________________ | one one one one one one | | two two two two two two | | two two | | three three three three | | three three three | | four four four four four| | four | | five five five five ... | |_________________________| 

事情就是文字水平包裹就好了。 一旦它太长就会被垂直剪裁,这很好。 我需要的是完成删除半可见的行并用“……”替换它前面的最后一个单词

我猜它不可能通过CSS所以我不介意尝试使用jQuery。

非常感谢你的帮助!

    这是我经常使用的解决方案:

    纯CSS中的多行省略号

    还有一个jQuery插件: dotdotodt

      以上就是jQuery教程分享如何用省略号“……”替换第一个溢出元素相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(编程笔记)。


      推荐阅读
      • Asp.net MVC 中 Bundle 配置详解:合并与压缩 JS 和 CSS 文件
        本文深入探讨了 Asp.net MVC 中如何利用 Bundle 功能来合并和压缩 JavaScript 和 CSS 文件,提供了详细的配置步骤和示例代码,适合开发人员参考学习。 ... [详细]
      • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
      • EasyMock实战指南
        本文介绍了如何使用EasyMock进行单元测试,特别是当测试对象的合作者依赖于外部资源或尚未实现时。通过具体的示例,展示了EasyMock在模拟对象行为方面的强大功能。 ... [详细]
      • 本文详细介绍了在使用Socket进行网络编程时,遇到链接器错误`undefined reference to WSAStartup@8`的解决方案,适用于多种开发环境。 ... [详细]
      • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
      • 探讨HTML中的DIV样式难题
        本文深入分析了HTML中常见的DIV样式问题,并提供了有效的解决策略。适合所有对Web前端开发感兴趣的读者。 ... [详细]
      • 前端开发中的代码注释实践与规范
        本文探讨了前端开发过程中代码注释的重要性,不仅有助于个人清晰地回顾自己的编程思路,还能促进团队成员之间的有效沟通。文章将详细介绍HTML、CSS及JavaScript中的注释使用方法,并提出一套实用的注释规范。 ... [详细]
      • js常用方法(1)startWithJava代码varstartsWithfunction(str,regex){if(regexundefined||strundefined|| ... [详细]
      • Eclipse 中 JSP 开发环境配置指南
        本文详细介绍了如何在 Eclipse 集成开发环境中配置 JSP 运行环境,包括必要的软件下载、Tomcat 服务器的配置以及常见问题的解决方法。 ... [详细]
      • 本文介绍了如何利用Java中的URLConnection类来实现基本的网络爬虫功能,包括向目标网站发送请求、接收HTML响应、解析HTML以提取所需信息,并处理可能存在的递归爬取需求。 ... [详细]
      • QNX 微内核(procnto-instr)的监测版本内置了高级跟踪与分析工具,能够实现实时系统监控。该模块适用于单处理器及多处理器系统。 ... [详细]
      • win10个性化打不开如何解决
        本篇内容主要讲解“win10个性化打不开如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“win ... [详细]
      • 华硕主板BIOS更新指南(图文)
        本文详细介绍了如何安全有效地更新华硕主板的BIOS,包括准备工作、具体步骤以及注意事项。BIOS是计算机基本输入输出系统的关键组成部分,负责初始化硬件并加载操作系统,定期更新BIOS可以增强系统的稳定性和兼容性。 ... [详细]
      • Vue 3.0 翻牌数字组件使用指南
        本文详细介绍了如何在 Vue 3.0 中使用翻牌数字组件,包括其基本设置和高级配置,旨在帮助开发者快速掌握并应用这一动态视觉效果。 ... [详细]
      • iTOP4412开发板QtE5.7源码编译指南
        本文详细介绍了如何在iTOP4412开发板上编译QtE5.7源码,包括所需文件的位置、编译器设置、触摸库编译以及QtE5.7的完整编译流程。 ... [详细]
      author-avatar
      湘西有堵墙
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有