- 固定长度显示省略号
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值)。