字太多用...代替的方法（两种）
更新时间：2017年03月15日 10:45:31 作者：艾米
本文主要介绍了字太多用...代替的两种方法。具有很好的参考价值。下面跟着小编一起来看下吧
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
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了jquery分页优化操作,在前文jQuery分页显示的基础上实现了避免频繁查询的相关优化操作技巧,需要的朋友可以参考下2019-08-08
使用jquery datatable和bootsrap创建表格实例代码
这篇文章主要介绍了使用jquery-datatable和bootsrap创建表格的实例代码,需要的朋友可以参考下2017-03-03
jQuery-Tools-overlay 使用介绍，需要的朋友可以参考下2012-07-07
碰到没有固定高或者固定宽或者固定高和宽的时候，我们就需要用JS去处理，去动态获取当前窗口高或者宽；今天弄了2种情况，一个是相对于屏幕窗体，一个是相对于当前的窗口，看代码2013-04-04
这是一个基于jquey写的倒计时。当然代码有点小改动，只是改了一下展示效果。2014-05-05
这篇文章主要介绍了jquery实现的树形目录,涉及jquery针对页面元素及鼠标事件的相关操作技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery中extend函数详解,十分详细，需要的朋友可以参考下2015-02-02
jQuery根据ID获取input、checkbox、radio、select的示例
获取input、checkbox、radio、select的方法有很多，下面本例为大家介绍下根据ID来获取2014-08-08
使用jquery.qrcode.min.js实现中文转化二维码
本文给大家介绍的是一款jQuery的插件jquery.qrcode.min.js，其主要功能是可以生成二维码，而且可以完美支持中文，下面就给小伙伴们介绍下他的用法2016-03-03
这个例子使我更加明白呈现数据是前端工作滴一部分，如何使table中的数值变为清晰地条状图呢？听我细细道来2011-08-08
最新评论