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值)。