首页 > 编程 > JavaScript > 正文

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

2019-11-19 17:09:06
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表