字太多用...代替的方法（兩種）
更新時(shí)間：2017年03月15日 10:45:31 作者：艾米
本文主要介紹了字太多用...代替的兩種方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
Jquery方法：
$(function() {
$(".head-pic .user-name").each(function() {
var maxwidth = 4;
if ($(this).text().length > maxwidth) {
var b = $(this).children().is("a");
if (b) {
$(this).children().text($(this).children().text().substring(0, maxwidth) + "...");
} else {
$(this).text($(this).text().substring(0, maxwidth));
$(this).text($(this).text() + "..");
}
}
});
});
css方法:
overflow: hidden; white-space:nowrap; text-overflow:ellipsis; // IE -o-text-overflow: ellipsis; //Opera -icab-text-overflow: ellipsis; //iCab -khtml-text-overflow: ellipsis; //Konqueror Safari -moz-text-overflow: ellipsis; //Firefox,mozilla -webkit-text-overflow: ellipsis; //Safari,Swift
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法
這篇文章主要介紹了jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法,涉及jQuery定時(shí)函數(shù)操作及日期與實(shí)現(xiàn)的運(yùn)算技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
利用css和jquery創(chuàng)建一個(gè)動(dòng)畫效果的緩沖樣式插件，插件可以開始、暫停、結(jié)束2012-08-08
jquery使用iscorll實(shí)現(xiàn)上拉、下拉加載刷新
這篇文章主要為大家詳細(xì)介紹了jquery使用iscorll實(shí)現(xiàn)上拉、下拉加載刷新的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
用jquery修復(fù)在iframe下的頁(yè)面錨點(diǎn)失效問(wèn)題
iframe頁(yè)面沒(méi)有滾動(dòng)條，在父窗體中出現(xiàn)滾動(dòng)條，錨點(diǎn)標(biāo)記就會(huì)失效，用js判斷頁(yè)面是否被嵌套，用js計(jì)算iframe在父窗體位置2014-08-08
為jquery.ui.dialog 增加“自動(dòng)記住關(guān)閉時(shí)的位置”的功能
筆者在項(xiàng)目中使用 jquery.ui.dialog 1.7.2時(shí)，當(dāng)使用$("#d").dialog("open");時(shí)，dialog總是彈出在option中指定的位置；2009-11-11
jQuery初識(shí)之設(shè)計(jì)思想方法函數(shù)示例
這篇文章主要為大家介紹了jQuery初識(shí)之設(shè)計(jì)思想及方法函數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
用jQuery模擬select下拉框的簡(jiǎn)單示例代碼
本篇文章主要是對(duì)用jQuery模擬select下拉框的簡(jiǎn)單示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
jquery validate表單驗(yàn)證的基本用法入門
這篇文章主要為大家介紹了jquery validate表單驗(yàn)證的基本用法入門，jQuery Validate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡(jiǎn)單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求，感興趣的小伙伴們可以參考一下2016-01-01
jquery實(shí)現(xiàn)可橫向和豎向展開的動(dòng)態(tài)下滑菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)可橫向和豎向展開的動(dòng)態(tài)下滑菜單效果,以實(shí)例形式較為詳細(xì)的分析了jquery實(shí)現(xiàn)橫向與豎向展開菜單的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
聊一聊jQuery插件uploadify使用方法，這篇文章主要總結(jié)了uploadify使用的一些經(jīng)驗(yàn)，感興趣的小伙伴們可以參考一下2016-08-08