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

发布时间 - 2026-01-11 00:10:54    点击率:

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

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


# ...  # 代替  # Lua获取utf8字符串长度和字符串截取并用...代替  # .NET截取指定长度汉字超出部分以"..."代替 实例分享  # Jquery循环截取字符串的方法(多出的字符串处理成"...")  # (function($){...})(jQuery)的意思  # maxwidth  # text  # user  # var  # children  # substring  # length  # gt  # pic  # pre  # class  # strong  # Jquery  # function  # head  # brush  # js  # css  # Safari  # moz 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: linux写shell需要注意的问题(必看)  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  非常酷的网站设计制作软件,酷培ai教育官方网站?  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  桂林网站制作公司有哪些,桂林马拉松怎么报名?  香港服务器建站指南:外贸独立站搭建与跨境电商配置流程  Python面向对象测试方法_mock解析【教程】  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界?  如何在云指建站中生成FTP站点?  Laravel怎么判断请求类型_Laravel Request isMethod用法  开心动漫网站制作软件下载,十分开心动画为何停播?  在Oracle关闭情况下如何修改spfile的参数  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  如何制作一个表白网站视频,关于勇敢表白的小标题?  PythonWeb开发入门教程_Flask快速构建Web应用  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  Python文件异常处理策略_健壮性说明【指导】  宙斯浏览器怎么屏蔽图片浏览 节省手机流量使用设置方法  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  如何在阿里云香港服务器快速搭建网站?  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  大学网站设计制作软件有哪些,如何将网站制作成自己app?  如何破解联通资金短缺导致的基站建设难题?  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  如何快速配置高效服务器建站软件?  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  网易LOFTER官网链接 老福特网页版登录地址  Laravel如何实现一对一模型关联?(Eloquent示例)  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  EditPlus 正则表达式 实战(3)  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  Laravel怎么实现验证码功能_Laravel集成验证码库防止机器人注册  如何在 Pandas 中基于一列条件计算另一列的分组均值  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  如何在Tomcat中配置并部署网站项目?  PHP正则匹配日期和时间(时间戳转换)的实例代码  音响网站制作视频教程,隆霸音响官方网站?  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  如何注册花生壳免费域名并搭建个人网站?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  利用JavaScript实现拖拽改变元素大小  如何在Windows 2008云服务器安全搭建网站?  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Laravel如何使用withoutEvents方法临时禁用模型事件