青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長網(wǎng)

17站長網(wǎng) 首頁 前端 HTML教程 查看內(nèi)容

html文本溢出顯示省略字符的兩種常用解決方法

2022-10-8 18:27| 查看: 2660 |來源: 互聯(lián)網(wǎng)

html文本溢出顯示省略字符的兩種常用解決方法,附css樣式代碼和js代碼...

解決效果如下:

html文本溢出顯示省略字符的兩種常用解決方法



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)容的方式解決


解決效果如下:

html文本溢出顯示省略字符的兩種常用解決方法



js代碼:   
$(".text").each(function() {
    if ($(this).text().length > 20) {//要求字數(shù)大于20才進行字數(shù)替換
        $(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...")
        //從0到80開始替換,將剩余文本內(nèi)容替換為"..."
    }
})
上述兩種方法作用在文本內(nèi)容的類名即可。


tag標簽:html 省略字符
本文最后更新于 2022-10-8 18:27,某些文章具有時效性,若有錯誤或已失效,請在網(wǎng)站留言或聯(lián)系站長:17tui@17tui.com
·END·
站長網(wǎng)微信號:w17tui,關注站長、創(chuàng)業(yè)、關注互聯(lián)網(wǎng)人 - 互聯(lián)網(wǎng)創(chuàng)業(yè)者營銷服務中心

免責聲明:本站部分文章和圖片均來自用戶投稿和網(wǎng)絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業(yè)用途,如果損害了您的權利,請聯(lián)系我們及時修正或刪除。謝謝!

17站長網(wǎng)微信二維碼

始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領域,為您提供最新最全的互聯(lián)網(wǎng)資訊,幫助站長轉型升級,為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務,與站長一起進步!讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨!

掃一掃,關注站長網(wǎng)微信

大家都在看

    熱門排行

      最近更新

        返回頂部
        主站蜘蛛池模板: 秋霞av伦理片在线观看 | 一二三四在线播放免费观看中文版视频 | 青娱乐极品视觉盛宴国产视频 | 久久无码AV亚洲精品色午夜 | 亚洲天堂视频网站 | 欧美三级在线完整版免费 | 欧洲最大无人区免费高清完整版 | 国产伦精品一区二区三区免费观看 | 91系列在线观看免费 | 精品国产人妻国语 | 国产中文字幕一区 | 老师好爽你下面水好多视频 | 99视频这里只有精品国产 | 亚洲1区2区3区精华液 | 沈芯语麻豆0076 视频 | 久久免费看视频 | 兽交白浆喷水高潮 | 国产欧美日韩中文视频在线 | 国产自产第一区c国产 | 丰满的寡妇hd高清在线观看 | 亚洲精品久久久无码AV片软件 | 刺激性视频黄页 | 99爱在线精品视频免费观看9 | 征服丝袜旗袍人妻 | 国精一区二区AV在线观看网站 | 亚洲伊人网站 | 亚洲中文字幕乱倫在线 | 精品粉嫩BBWBBZBBW | 日本工口生肉全彩大全 | 无套内谢大学生A片 | 东北成人社区 | 色姐妹久久综合在线av | 国产精品96久久久久久AV网址 | 94色94色永久网站 | 全彩无翼污之邪恶女教师 | 蜜桃成人在线 | 儿子好妈妈的HD3中字抢劫 | 欧美精品AV精品一区视频 | 国产色综合久久无码有码 | 一区二区三区国产亚洲网站 | 久久这里只精品热在线99 |