时间：2021-09-05 09:45:58 | 栏目：jquery | 点击：次
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