文字溢出显示'...'的方法
固定宽度的方式
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)+"...") // 打印
}