商标可以做网站吗,百度推广太原网站建设,沈阳城市建设招生网站,网站建设 价格本篇文章给大家带来的内容是关于input实现文字超出省略号(代码示例)#xff0c;有一定的参考价值#xff0c;有需要的朋友可以参考一下#xff0c;希望对你有所帮助。input实现文字省略号功能普通元素实现文字超出宽度自动变成省略号非常简单#xff0c;给元素加个宽度有一定的参考价值有需要的朋友可以参考一下希望对你有所帮助。input实现文字省略号功能普通元素实现文字超出宽度自动变成省略号非常简单给元素加个宽度然后再加这三句css即可white-space: nowrap;text-overflow: ellipsis;overflow: hidden;有没有想过给inputtext元素也加这个效果呢如图input实现文字超出省略号功能*{margin: 0;padding: 0;}.box{width: 200px;padding: 15px;border: 1px solid #f60;margin: 50px auto;}.form-control{height: 30px;line-height: 30px;padding: 5px 10px;}.text-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}h2{width: 300px;margin: 10px auto;}文字超出宽度自动变成省略号其实让input实现文字超出自动变省略号也非常简单还是那三段代码。经测试目前(2018-11-23)为止只有最新的Chrome、Firefox两个浏览器支持移动端未测试