web前端总结之文本超出显示省略号
文字显示为省略号，当鼠标移上去时显示文字。
这就是文本超出显示省略号。
主要用到了：
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
在标签中添加title=“被省略的文字”，实现鼠标移动到省略号上显示被省略的文字。
<div class="notext">
<i class="name_sty" :title="item.file.name"> {{item.file.name}}</i>
<i class=" file_del" @click="fileDel(index)">删除</i>
</div>
.name_sty {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 200px;
cursor: pointer;
}