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


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 相关文章推荐
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
Vue实现多标签选择器
Nov 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
php的curl封装类用法实例
2014/11/07 PHP
js 获取浏览器高度和宽度值(多浏览器)
2009/09/02 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
基于three.js编写的一个项目类示例代码
2018/01/05 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
jQuery实现简单评论功能
2020/08/19 jQuery
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
python脚本设置系统时间的两种方法
2016/02/21 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
pandas数据处理之绘图的实现
2020/06/15 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
日本航空官方网站:JAL
2019/06/19 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
股东授权委托书
2014/10/15 职场文书
模范班主任事迹材料
2014/12/17 职场文书
房屋质量投诉书
2015/07/02 职场文书
2015毕业设计工作总结
2015/07/24 职场文书
python本地文件服务器实例教程
2021/05/02 Python
详解JAVA中的OPTIONAL
2021/06/14 Java/Android
java项目构建Gradle的使用教程
2022/03/24 Java/Android