内容溢出时如何出现省略号
web前端总结之文本超出显示省略号
文字显示为省略号,当鼠标移上去时显示文字。
这就是文本超出显示省略号。
主要用到了:
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
在标签中添加title=“被省略的文字”,实现鼠标移动到省略号上显示被省略的文字。
{{item.file.name}}
删除
.name_sty {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 200px;
cursor: pointer;
}
原文:https://www.cnblogs.com/sonsmart/p/15265635.html