解決效果如下: 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; /*顯示行數*/ 方法二:使用jQuery截取替換文本內容的方式解決 解決效果如下: js代碼: $(".text").each(function() { if ($(this).text().length > 20) {//要求字數大于20才進行字數替換 $(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...") //從0到80開始替換,將剩余文本內容替換為"..." } }) 上述兩種方法作用在文本內容的類名即可。 |
免責聲明:本站部分文章和圖片均來自用戶投稿和網絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業用途,如果損害了您的權利,請聯系我們及時修正或刪除。謝謝!
始終以前瞻性的眼光聚焦站長、創業、互聯網等領域,為您提供最新最全的互聯網資訊,幫助站長轉型升級,為互聯網創業者提供更加優質的創業信息和品牌營銷服務,與站長一起進步!讓互聯網創業者不再孤獨!
掃一掃,關注站長網微信