字太多用...代替的方法(兩種)
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分頁(yè)優(yōu)化操作實(shí)例分析
這篇文章主要介紹了jquery分頁(yè)優(yōu)化操作,在前文jQuery分頁(yè)顯示的基礎(chǔ)上實(shí)現(xiàn)了避免頻繁查詢(xún)的相關(guān)優(yōu)化操作技巧,需要的朋友可以參考下2019-08-08使用jquery datatable和bootsrap創(chuàng)建表格實(shí)例代碼
這篇文章主要介紹了使用jquery-datatable和bootsrap創(chuàng)建表格的實(shí)例代碼,需要的朋友可以參考下2017-03-03jQuery彈出層始終垂直居中相對(duì)于屏幕或當(dāng)前窗口
碰到?jīng)]有固定高或者固定寬或者固定高和寬的時(shí)候,我們就需要用JS去處理,去動(dòng)態(tài)獲取當(dāng)前窗口高或者寬;今天弄了2種情況,一個(gè)是相對(duì)于屏幕窗體,一個(gè)是相對(duì)于當(dāng)前的窗口,看代碼2013-04-04jquery實(shí)現(xiàn)的樹(shù)形目錄實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)的樹(shù)形目錄,涉及jquery針對(duì)頁(yè)面元素及鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06jQuery根據(jù)ID獲取input、checkbox、radio、select的示例
獲取input、checkbox、radio、select的方法有很多,下面本例為大家介紹下根據(jù)ID來(lái)獲取2014-08-08使用jquery.qrcode.min.js實(shí)現(xiàn)中文轉(zhuǎn)化二維碼
本文給大家介紹的是一款jQuery的插件jquery.qrcode.min.js,其主要功能是可以生成二維碼,而且可以完美支持中文,下面就給小伙伴們介紹下他的用法2016-03-03基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
這個(gè)例子使我更加明白呈現(xiàn)數(shù)據(jù)是前端工作滴一部分,如何使table中的數(shù)值變?yōu)榍逦貤l狀圖呢?聽(tīng)我細(xì)細(xì)道來(lái)2011-08-08