js 多行截取

vboy1010 發(fā)布于2019-08-22 17:07 / 2008人閱讀

摘要：文字超出，省略號最終效果部分部分一個頁面可能有多個段落需要截取，因而獲得的元素是個數(shù)組遍歷每個段落，逐個截取獲得第個段落的內(nèi)容獲得第個段落的可見高度遍歷第個段落的字符數(shù)逐個往第個段落里添加內(nèi)容當(dāng)?shù)趥€段落的高度大于可見高度時，隱藏剩余部分

文字超出，省略號

最終效果

css部分

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

js部分

    $(function(){
        arr = $(".demo");//一個頁面可能有多個段落需要截取，因而獲得的元素是個數(shù)組
        
        //遍歷每個段落，逐個截取
        for( i=0; i
思路都寫清楚，但是感覺有點蠢呢 =.=

GPU云服務(wù)器云服務(wù)器 js多行注釋無效 js 截取視頻 js 數(shù)據(jù)截取 js依次獲取多行數(shù)據(jù)的值

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/94874.html

相關(guān)文章

Python試水

摘要：你好，特別注意定義編碼格式的這一行代碼必須放在第一行或者第二行，一般如果第一行是提示位置的代碼，那么定義編碼格式的這一行就必須放在第二行，否則依然會提示錯誤。基本功能是進行成員關(guān)系測試和刪除重復(fù)元素。一、Hello，Python！試水 test.py print 你好，Python！ #python 2.x python (你好，Python！) #python 3.x 很不幸，第...

zhjx922 2019-07-31 10:29 評論0 收藏0
JavaScript 之銀彈の技法

摘要：之銀彈技法下文這些淫巧在之前自認為是居家必備，裝逼撩妹的必備之物，博主一直敝帚自珍，不愿拿出來分享，現(xiàn)如今，極盡能事，我知道再不拿出來就在沒有價值了來由博主入行前端寫時候，因為需要兼容低版本，時常需要在繁雜冗長的操作夾雜的代碼中，盡可能巧妙 JavaScript 之銀彈の技法下文這些淫巧在之前自認為是居家必備，裝逼撩妹的必備之物，博主一直敝帚自珍，不愿拿出來分享，現(xiàn)如今，ES6+極盡...

HollisChuang 2019-08-20 19:04 評論0 收藏0
Python 開始吧

摘要：人生苦短，我用安裝在官網(wǎng)，發(fā)現(xiàn)如下個版本到底使用哪個呢是需要通過聯(lián)網(wǎng)完成安裝的是可執(zhí)行文件方式安裝嵌入式版本，可以集成到其它應(yīng)用中推薦使用基本數(shù)據(jù)類型相比其他語言，簡化數(shù)據(jù)類型數(shù)字整型浮點型布爾只有個值字符串列表元組集合數(shù)字加減乘除代人生苦短，我用 python 安裝在python官網(wǎng)，發(fā)現(xiàn)如下3個window版本（到底使用哪個呢？）： web-based installer （...

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

摘要：如果任一參數(shù)小于或是，它被視為為。如果是正的并且大于或等于字符串的長度，則返回一個空字符串。若為負數(shù)則將該值加上字符串長度后再進行計算如果加上字符串的長度后還是負數(shù)，則從開截取。如果為負，它被視為其中是字符串的長度。文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容） white-space: nowrap; （設(shè)置文字在...

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

摘要：如果任一參數(shù)小于或是，它被視為為。如果是正的并且大于或等于字符串的長度，則返回一個空字符串。若為負數(shù)則將該值加上字符串長度后再進行計算如果加上字符串的長度后還是負數(shù)，則從開截取。如果為負，它被視為其中是字符串的長度。文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; （顧名思義超出限定的寬度就隱藏內(nèi)容） white-space: nowrap; （設(shè)置文字在...

Flands 2019-08-23 18:38 評論0 收藏0