span标签显示固定长度显示省略号 光标放上显示全部

固定长度显示省略号

max-width: 10em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; /*超出部分用...代替*/

光标放上显示全部

<span class="basic" style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' id="id" title=""></span>

$("#id").text("标签1,标签2");$("#id").attr("title","标签1、标签2");

white-space:nowrap;为规定段落中的文本不换行；

text-overflow:ellipsis;为当文本内容溢出时显示省略标记；

overflow:hidden;为超出宽度后就隐藏

为title属性赋值使用$("#id").attr(“title”,title值)。