字太多用...代替的方法(两种)
程序员文章站
2023-03-29 14:18:28
jquery方法:
$(function() {
$(".head-pic .user-name").each(function() {...
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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!