input輸入框顯示不全是用省略號...代替


1.想要的效果樣式是這樣的

2.實現方式

input 框必須要設置width和overflow屬性,否則text-overflow不生效

input{

width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}

當text-overflow值為ellipsis時表示 文本溢出是顯示省略符號來代表被修剪的文本。


免責聲明!

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



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