本文摘自PHP中文网，作者不言，侵删。
本篇文章给大家带来的内容是关于input实现文字超出省略号（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。input实现文字省略号功能
普通元素实现文字超出宽度自动变成省略号非常简单，给元素加个宽度，然后再加这三句css即可：
1 2 3 |
|
有没有想过给input="text"元素也加这个效果呢？如图：
相关阅读 >>
关于css中display:flex与inline-flex属性的详细介绍
怎样通过disabled和readonly将input设置为只读效果
更多相关阅读请进入《ellipsis》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
