悬浮显示input中所有的内容及css处理文字过长时显示为多余部分省略

项目中经常会遇到这个问题，在一个内容框中，由于框的宽度是固定的，但是里面的内容却有很多

这个时候需要悬浮显示input中所有的内容，而title提示则要在input添加以下代码，这样既可实现用title提示文本框中所有内容

<input  onmouseover="this.title=this.value"/> 

如果input里面的内容固定,或者悬浮显示div里面的文字,需要悬浮显示,可以直接写为

<input  title="这个是悬浮显示的文字"/> ,<div title="这个是悬浮显示的文字"></div>

vue中悬浮的内容是变化的，可以用  :  绑定数据

 <el-input :title="item.value" v-model="item.value" :disabled="disabledYanqi"></el-input>