关于文本溢出问题

文字溢出显示'...'的方法

固定宽度的方式

test-overflow定义文本溢出显示方式

text-overflow; clip    //修剪文本
test-overflow; ellipsis   //希显示省略号来代表被修剪的文本

示例

<div style="width: 20px">文字内容超过20px就会显示3个点</div>

div.{
    overflow: hidden;
    white-space: nowrap;//控制文本不换行
    text-overflow:ellipsis;
}

宽度不固定

截取显示长度后面显示...

示例（js中控制生成文本长度）

var maxNum=$(one).html();
            if(maxNum.length>15){       //定义希望显示的长度
                $(one).html(maxNum.substr(0,15)+"...")      // 打印
        }