JS实现多行文本最后是省略号紧随其后还有个超链接在同一行的需求
2024-09-21 06:39:57
1、布局及样式如下图:
2、js获得上图的div对象,然后判断div对象的高度,如果大于一行的高度了表示内容有两行了,再获得span标签里面的内容并用正则将后六个字符替换成“......”这里的实现代码可以这样写span.innerHTML = span.innerHTML.replace(/.(\.\.\.\.\.\.)?$/,"......");然后再将a链接的display属性设置为a.style.display="";将a超链接显示出来即可。
最新文章
- PHP调用webservice遇到 Soap WSDL Error - ";failed to load external entity
- linux 下 mysql 安装(不用编译的方式)
- webapi mvc 基础
- AndroidManifest.xml相关知识
- sdfsdf
- Java NIO使用及原理分析(二)
- C#动态调用WCF接口
- python通过webservice接口实现配置下发
- Android 进阶 教你打造 Android 中的 IOC 框架 【ViewInject】 (下)
- openpyxl使用sheet.rows或sheet.columns报TypeError: 'generator' object is not subscriptable解决方式
- 基于Vue2.x的小米商城移动端项目
- os模块使用
- [复习]动态dp
- 6种常见的Git错误以及解决的办法
- 问题:mysql服务正在启动 mysql服务无法启动 &;&; mysql启动脚本 mysql关闭脚本
- 【Spring Boot &;&; Spring Cloud系列】那些Spring Boot中踩过的坑
- dp合集 广场铺砖问题&;&;硬木地板
- .NET:CLR via C# The CLR’s Execution Model
- mvc Dapper_Report_Down_ExcelFile
- dpkg 打包root权限app