懸浮顯示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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM