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


Posted in Javascript onMarch 15, 2017

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

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

Javascript 相关文章推荐
Display SQL Server Version Information
Jun 21 Javascript
js操作二级联动实现代码
Jul 27 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
JQuery学习总结【一】
Dec 01 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 #Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 #Javascript
js仿淘宝商品放大预览功能
Mar 15 #Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 #Javascript
javascript九宫格图片随机打乱位置的实现方法
Mar 15 #Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 #Javascript
js实现自定义进度条效果
Mar 15 #Javascript
You might like
完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数
2013/06/08 PHP
Laravel推荐使用的十个辅助函数
2019/05/10 PHP
javascript中用星号表示预录入内容的实现代码
2011/01/08 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
小程序api实现promise封装过程解析
2019/11/21 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
python实现一次创建多级目录的方法
2015/05/15 Python
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
举例讲解Python中的死锁、可重入锁和互斥锁
2015/11/05 Python
Python json读写方式和字典相互转化
2020/04/18 Python
Python实现自动装机功能案例分析
2020/10/22 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
党员个人思想汇报
2013/12/28 职场文书
给分销商的致歉信
2014/01/14 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
激励口号大全
2014/06/17 职场文书
学习优秀共产党员先进事迹思想报告
2014/09/17 职场文书
授权收款委托书范本
2014/10/10 职场文书
HAM-2000摩机图
2021/04/22 无线电