JavaScript

超轻量级php框架startmvc

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

更新时间:2020-04-30 03:54:01 作者:startmvc
Jquery方法:$(function(){$(".head-pic.user-name").each(function(){varmaxwidth=4;if($(this).text().length>maxwidth)

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

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

... 代替