解決效果如下：
css代碼： display: -webkit-box; display: -moz-box; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; /*顯示行數(shù)*/ 方法二：使用jQuery截取替換文本內(nèi)容的方式解決 解決效果如下：
js代碼： $(".text").each(function() { if ($(this).text().length > 20) {//要求字?jǐn)?shù)大于20才進(jìn)行字?jǐn)?shù)替換 $(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...") //從0到80開始替換，將剩余文本內(nèi)容替換為"..." } }) 上述兩種方法作用在文本內(nèi)容的類名即可。 |
免責(zé)聲明：本站部分文章和圖片均來自用戶投稿和網(wǎng)絡(luò)收集，旨在傳播知識，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請勿用于商業(yè)用途，如果損害了您的權(quán)利，請聯(lián)系我們及時修正或刪除。謝謝！
始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領(lǐng)域，為您提供最新最全的互聯(lián)網(wǎng)資訊，幫助站長轉(zhuǎn)型升級，為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務(wù)，與站長一起進(jìn)步！讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨(dú)！
掃一掃，關(guān)注站長網(wǎng)微信
大家都在看
