一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 14:21:16 编辑:袖梨 来源:一聚教程网

Jquery方法:

 

 代码如下复制代码

$(function() {

        $(".head-pic .user-name").each(function() {

          varmaxwidth = 4;

          if($(this).text().length > maxwidth) {

            varb = $(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

 

热门栏目