文字溢出顯示'...'的方法
固定寬度的方式
test-overflow定義文本溢出顯示方式
text-overflow; clip //修剪文本
test-overflow; ellipsis //希顯示省略號(hào)來代表被修剪的文本
示例
<div style="width: 20px">文字內(nèi)容超過20px就會(huì)顯示3個(gè)點(diǎn)</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)+"...") // 打印
}