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


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 相关文章推荐
10个实用的脚本代码工具
May 04 Javascript
jquery判断浏览器后退时候弹出消息的方法
Aug 11 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
jquery attr()设置和获取属性值实例教程
Sep 25 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
js基于myFocus实现轮播图效果
Feb 14 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 Javascript
微信小程序实现日历效果
Dec 28 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
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
laravel安装和配置教程
2014/10/29 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
jquery实现图片预加载
2015/12/25 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
用JS动态改变表单form里的action值属性的两种方法
2016/05/25 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
vue实现登录功能
2020/12/31 Vue.js
python获取当前计算机cpu数量的方法
2015/04/18 Python
Python简单进程锁代码实例
2015/04/27 Python
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
python如何将图片转换素描画
2020/09/08 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
老人节标语大全
2014/10/08 职场文书
党员“一帮一”活动总结
2015/05/07 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书