js 多行截取

vboy1010 发布于2019-08-22 17:07 / 1906人阅读

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

文字超出，省略号

最终效果

css部分

.demo {
    height: 60px;
    line-height: 20px;
    overflow: auto;
    font-size: 12px;
    color: red;
}

js部分

    $(function(){
        arr = $(".demo");//一个页面可能有多个段落需要截取，因而获得的元素是个数组
        
        //遍历每个段落，逐个截取
        for( i=0; i
思路都写清楚，但是感觉有点蠢呢 =.=

GPU服务器云服务器 js多行注释无效 js 截取视频 js 数据截取 js依次获取多行数据的值

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

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

Python试水

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

zhjx922 2019-07-31 10:29 评论0 收藏0
JavaScript 之银弹の技法

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

HollisChuang 2019-08-20 19:04 评论0 收藏0
Python 开始吧

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

KevinYan 2019-07-30 18:37 评论0 收藏0
前端踩坑之旅

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

W4n9Hu1 2019-08-02 15:31 评论0 收藏0
前端踩坑之旅

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

Flands 2019-08-23 18:38 评论0 收藏0