如何让input的width和value的宽度相等?

clipboard.png
默认的宽度太宽了,如果把input的宽度设置为1em,这样显示的数字会消失,2em又不是居中的,而且前提是我已经设置了text-align: center;了。
有没有办法可以让input的宽度自适应,和value的值的宽度刚好匹配呢?

阅读 3k
2 个回答

这是违反 css 设计原则的,只靠 css 应该是无法实现的。因为 css 的设计原则就是内容只能决定高度,不能决定宽度

只能借助js实现了,计算一下 value 的长度来自动增加 input 的宽度

这个恐怕不行,你得借助js了,写个change函数吧,当val改变了width也改变

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题