字太多用...代替的方法（兩種）
更新時間：2017年03月15日 10:45:31 作者：艾米
本文主要介紹了字太多用...代替的兩種方法。具有很好的參考價值。下面跟著小編一起來看下吧
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
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要介紹了jquery簡單倒計時實現(xiàn)方法,涉及jQuery定時函數(shù)操作及日期與實現(xiàn)的運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
基于jquery創(chuàng)建的一個圖片、視頻緩沖的效果樣式插件
利用css和jquery創(chuàng)建一個動畫效果的緩沖樣式插件，插件可以開始、暫停、結束2012-08-08
jquery使用iscorll實現(xiàn)上拉、下拉加載刷新
這篇文章主要為大家詳細介紹了jquery使用iscorll實現(xiàn)上拉、下拉加載刷新的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
iframe頁面沒有滾動條，在父窗體中出現(xiàn)滾動條，錨點標記就會失效，用js判斷頁面是否被嵌套，用js計算iframe在父窗體位置2014-08-08
為jquery.ui.dialog 增加“自動記住關閉時的位置”的功能
筆者在項目中使用 jquery.ui.dialog 1.7.2時，當使用$("#d").dialog("open");時，dialog總是彈出在option中指定的位置；2009-11-11
這篇文章主要為大家介紹了jQuery初識之設計思想及方法函數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
本篇文章主要是對用jQuery模擬select下拉框的簡單示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要為大家介紹了jquery validate表單驗證的基本用法入門，jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求，感興趣的小伙伴們可以參考一下2016-01-01
jquery實現(xiàn)可橫向和豎向展開的動態(tài)下滑菜單效果
這篇文章主要介紹了jquery實現(xiàn)可橫向和豎向展開的動態(tài)下滑菜單效果,以實例形式較為詳細的分析了jquery實現(xiàn)橫向與豎向展開菜單的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
聊一聊jQuery插件uploadify使用方法，這篇文章主要總結了uploadify使用的一些經(jīng)驗，感興趣的小伙伴們可以參考一下2016-08-08