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;
}

内容溢出时如何出现省略号

原文：https://www.cnblogs.com/sonsmart/p/15265635.html