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

常规css方法——可以实现IE，Safari，chrome，opera浏览器下文字溢出省略号表示

这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。

.zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

jQuery限制字符字数的方法

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()+'...');
        }
    });
});

jQuery自动判断宽度是否超出的方法

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

 css部分： 2 .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();

前者直接限定字符个数，后者通过宽度判断，去掉最后一个字符，循环，直到文字内容宽度小于div的限制宽度。