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


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 相关文章推荐
统计出现最多的字符次数的js代码
Dec 03 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
关于JavaScript作用域你想知道的一切
Feb 04 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
Vue实现简易计算器
Feb 25 Javascript
浅析TypeScript 命名空间
Mar 19 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
php启用zlib压缩文件的配置方法
2013/06/12 PHP
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
EsLint入门学习教程
2017/02/17 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局
2016/02/28 DOTA
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
Python如何实现邮件功能
2020/05/27 Python
keras 指定程序在某块卡上训练实例
2020/06/22 Python
python 怎样进行内存管理
2020/11/10 Python
python3访问字典里的值实例方法
2020/11/18 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
酒店个人求职信范文
2014/01/25 职场文书
感恩母亲节演讲稿
2014/05/07 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
CSS3鼠标悬浮过渡缩放效果
2021/04/17 HTML / CSS
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android