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