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

简介: 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值)。


目录
打赏
0
0
0
0
71
分享
相关文章
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
524 0
文本溢出显示省略号,鼠标浮动查看全部内容
文本溢出显示省略号,鼠标浮动查看全部内容
167 0
Word中标题编号消失,变为竖线的问题处理
Word中标题编号消失,变为竖线的问题处理
div中文字超过指定数量后不显示并且以省略号结尾
div中文字超过指定数量后不显示并且以省略号结尾
397 0
div中文字超过指定数量后不显示并且以省略号结尾
在屏幕中显示出welcome to CHINA,并每次左右各显示一个字符
在屏幕中显示出welcome to CHINA,并每次左右各显示一个字符
114 0
在屏幕中显示出welcome to CHINA,并每次左右各显示一个字符
【C#】【平时练习】将左边列表框(List)的内容(月份)添加到右边列表框。最终右侧显示的内容(月份)要保持一定顺序
【C#】【平时练习】将左边列表框(List)的内容(月份)添加到右边列表框。最终右侧显示的内容(月份)要保持一定顺序
143 0
【C#】【平时练习】将左边列表框(List)的内容(月份)添加到右边列表框。最终右侧显示的内容(月份)要保持一定顺序
span标签溢出元素设置省略号
span标签溢出元素设置省略号
217 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等