AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

字太多用...代替的方法(两种)

51自学网 http://www.wanshiok.com
...,代替

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持wanshiok.com!


...,代替  
上一篇:jQuery阻止移动端遮罩层后页面滚动  下一篇:jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】