js 多行截取

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

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

文字超出，省略號(hào)

最終效果

css部分

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

js部分

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/94874.html

相關(guān)文章

Python試水

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

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

摘要：之銀彈技法下文這些淫巧在之前自認(rèn)為是居家必備，裝逼撩妹的必備之物，博主一直敝帚自珍，不愿拿出來(lái)分享，現(xiàn)如今，極盡能事，我知道再不拿出來(lái)就在沒(méi)有價(jià)值了來(lái)由博主入行前端寫時(shí)候，因?yàn)樾枰嫒莸桶姹?，時(shí)常需要在繁雜冗長(zhǎng)的操作夾雜的代碼中，盡可能巧妙 JavaScript 之銀彈の技法下文這些淫巧在之前自認(rèn)為是居家必備，裝逼撩妹的必備之物，博主一直敝帚自珍，不愿拿出來(lái)分享，現(xiàn)如今，ES6+極盡...

HollisChuang 2019-08-20 19:04 評(píng)論0 收藏0
Python 開始吧

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

KevinYan 2019-07-30 18:37 評(píng)論0 收藏0
前端踩坑之旅

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

W4n9Hu1 2019-08-02 15:31 評(píng)論0 收藏0
前端踩坑之旅

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

Flands 2019-08-23 18:38 評(píng)論0 收藏0