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


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 URL传中文参数引发的乱码问题
Sep 02 Javascript
关于文本框的一些限制控制总结~~
Apr 15 Javascript
使用PHP+JQuery+Ajax分页的实现
Apr 23 Javascript
jquery()函数的三种语法介绍
Oct 09 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
js实现无缝循环滚动
Jun 23 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
LayUi数据表格自定义赋值方式
Oct 26 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
design vue 表格开启列排序的操作
Oct 28 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
PHP5.2中date()函数显示时间与北京时间相差8小时的解决办法
2009/05/28 PHP
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
php微信开发之图片回复功能
2018/06/14 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
精选的10款用于构建良好易用性网站的jQuery插件
2011/01/23 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
vue-cli webpack配置文件分析
2019/05/20 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
python 提取文件的小程序
2009/07/29 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
Python中asyncio模块的深入讲解
2019/06/10 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
python如何爬取网页中的文字
2020/07/28 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
css3实现蒙版弹幕功能
2019/06/18 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
会计专业毕业生求职信分享
2014/01/03 职场文书
中学生期末评语
2014/02/03 职场文书
道路建设实施方案
2014/03/18 职场文书
手机被没收的检讨书
2014/10/04 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
python中Matplotlib绘制直线的实例代码
2021/07/04 Python