[转]关于文字内容溢出用点点点(...)省略号表示

.zxx_text_overflow_2{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url(‘../xml/ellipsis.xml#ellipsis‘); overflow:hidden;}

HTML部分： 
<div class="zxx_text_overflow_4"> <div class="text_con">这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。</div> <div class="text_dotted">…</div> </div>

CSS部分： 
.zxx_text_overflow_4{width:24em; height:1.3em; overflow:hidden; zoom:1;} 
.zxx_text_overflow_4 .text_con{float:left; height:1.3em; margin-right:3em; overflow:hidden;} 
.zxx_text_overflow_4 .text_dotted{width:3em; height:1.31em; float:right; margin-top:-1.3em;}

HTML部分： 
<div class="zxx_text_overflow_5">你个杀千刀的，怎么写了这么多的文字，我要被拦腰截断了啊，天啊！</div>

没有css啦，只有js代码： 
$(document).ready(function(){ //限制字符个数 
  $(".zxx_text_overflow_5").each(function(){ 
    var maxwidth=23; 
    if($(this).text().length>maxwidth){ 
      $(this).text($(this).text().substring(0,maxwidth)); 
      $(this).html($(this).html()+‘...‘); 
    } 
  }); 
});

HTML部分： 
<div class="zxx_text_overflow_6">你个杀千刀的，怎么写了这么多的文字，我要被拦腰截断了啊，kitty救我！</div>

css部分： 
.zxx_text_overflow_6{width:400px;}

js部分： 
var wordLimit=function(){ 
  $(".zxx_text_overflow_6").each(function(){ 
    var copyThis = $(this.cloneNode(true)).hide().css({ ‘position‘: ‘absolute‘, ‘width‘: ‘auto‘, ‘overflow‘: ‘visible‘ }); 
    $(this).after(copyThis); 
    if(copyThis.width()>$(this).width()){ 
      $(this).text($(this).text().substring(0,$(this).html().length-4)); 
      $(this).html($(this).html()+‘...‘); 
      copyThis.remove(); 
      wordLimit(); 
    }else{ 
      copyThis.remove(); //清除复制 return; 
    }
  }); 
} 
wordLimit();