多行文本溢出显示省略号(...)的方法
方法 显示 文本 ... 溢出 多行 省略号
2023-09-11 14:20:13 时间
-webkit-line-clamp
-o-ellipsis-lastline
jQuery
除了各个浏览器私有的属性,有没有跨浏览器的解决方法呢?当然是通过js实现啦!(通过从后向前逐个删除末尾字符,直至元素的高度小于父元素高度)
$(".figcaption").each(function(i){ var divH = $(this).height(); var $p = $("p", $(this)).eq(0); while ($p.outerHeight() > divH) { $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "...")); }; }); |
相关文章
- 模板方法之无法解析的外部符号
- Google Earth Engine ——土地分类/覆盖制图(随机森林方法2)
- Delphi 手工创建TClientDataset 及动态添加数据后最后一条记录不显示的解决方法
- Win11字体显示乱码的解决方法
- redis 中文显示的问题解决方法
- 关于SIGSEGV错误及处理方法
- createContext 和 useContext 结合使用实现方法共享(React Hook跨组件透传上下文与性能优化)
- postman6 在Linux中,body和response字体显示不正常的解决方法
- [Oracle工程师手记] 目前未被使用的块中包含坏块的对应方法
- 【JAVA】Collections类的其他方法
- java方法:flush()
- git报错:git commit命令后显示Author identity unknown的解决方法
- Oracle SQL Developer保持数据库连接的方法
- Visual Studio 中如何显示,及关闭方法的引用
- CAD钢筋符号不显示怎么办?快来试试这个方法吧!
- Windows显示文件名后缀的方法
- Windows 10设置系统时间显示到秒的方法
- [转载]罗技Usb Receiver在Win7 64位系统中驱动安装方法
- ubuntu安装virtualenv成功后not found 解决方法