资讯专栏INFORMATION COLUMN

js 多行截取

vboy1010 / 1966人阅读

摘要:文字超出,省略号最终效果部分部分一个页面可能有多个段落需要截取,因而获得的元素是个数组遍历每个段落,逐个截取获得第个段落的内容获得第个段落的可见高度遍历第个段落的字符数逐个往第个段落里添加内容当第个段落的高度大于可见高度时,隐藏剩余部分

文字超出,省略号
最终效果

css部分
.demo {
    height: 60px;
    line-height: 20px;
    overflow: auto;
    font-size: 12px;
    color: red;
}
js部分
    $(function(){
        arr = $(".demo");//一个页面可能有多个段落需要截取,因而获得的元素是个数组
        
        //遍历每个段落,逐个截取
        for( i=0; i

思路都写清楚,但是感觉有点蠢呢 =.=

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94874.html

相关文章

  • Python试水

    摘要:你好,特别注意定义编码格式的这一行代码必须放在第一行或者第二行,一般如果第一行是提示位置的代码,那么定义编码格式的这一行就必须放在第二行,否则依然会提示错误。基本功能是进行成员关系测试和删除重复元素。 一、Hello,Python! 试水 test.py print 你好,Python! #python 2.x python (你好,Python!) #python 3.x 很不幸,第...

    zhjx922 评论0 收藏0
  • JavaScript 之银弹の技法

    摘要:之银弹技法下文这些淫巧在之前自认为是居家必备,装逼撩妹的必备之物,博主一直敝帚自珍,不愿拿出来分享,现如今,极尽能事,我知道再不拿出来就在没有价值了来由博主入行前端写时候,因为需要兼容低版本,时常需要在繁杂冗长的操作夹杂的代码中,尽可能巧妙 JavaScript 之银弹の技法 下文这些淫巧在之前自认为是居家必备,装逼撩妹的必备之物,博主一直敝帚自珍,不愿拿出来分享,现如今,ES6+极尽...

    HollisChuang 评论0 收藏0
  • Python 开始吧

    摘要:人生苦短,我用安装在官网,发现如下个版本到底使用哪个呢是需要通过联网完成安装的是可执行文件方式安装嵌入式版本,可以集成到其它应用中推荐使用基本数据类型相比其他语言,简化数据类型数字整型浮点型布尔只有个值字符串列表元组集合数字加减乘除代 人生苦短,我用 python 安装 在python官网,发现如下3个window版本(到底使用哪个呢?): web-based installer (...

    KevinYan 评论0 收藏0
  • 前端踩坑之旅

    摘要:如果任一参数小于或是,它被视为为。如果是正的并且大于或等于字符串的长度,则返回一个空字符串。若为负数则将该值加上字符串长度后再进行计算如果加上字符串的长度后还是负数,则从开截取。如果为负,它被视为其中是字符串的长度。 文本溢出处理 1. 单行文本溢出显示省略号 overflow:hidden; (顾名思义超出限定的宽度就隐藏内容) white-space: nowrap; (设置文字在...

    W4n9Hu1 评论0 收藏0
  • 前端踩坑之旅

    摘要:如果任一参数小于或是,它被视为为。如果是正的并且大于或等于字符串的长度,则返回一个空字符串。若为负数则将该值加上字符串长度后再进行计算如果加上字符串的长度后还是负数,则从开截取。如果为负,它被视为其中是字符串的长度。 文本溢出处理 1. 单行文本溢出显示省略号 overflow:hidden; (顾名思义超出限定的宽度就隐藏内容) white-space: nowrap; (设置文字在...

    Flands 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<