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
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持本站！