input框的宽度随框里输入的内容长短自动适应。如果用JS来获取字符长度，再控制input框的width值，这样很容易就能实现。但是只靠CSS来实现，这样要怎么搞呢？
认证高级PHP讲师
一般不会让框的长度随内容自适应的，因为你不知道用户会输入多少字，万一是1000字，你也一直变宽么
一般是用户不输入的时候宽度是一个小的值
用户准备输入的时候，输入框拉长到一个值
CSS目前是没有办法实现这个，就算用了calc和css变量也不行
html5属性contenteditable 可以通过max-width min-width达到你想要的
contenteditable
<p contenteditable="true" style = 'width:300px'>这是一段可编辑的段落。请试着编辑该文</p>
这种奇怪的需求也有啊,你这样的话最好还是用min-width和max-width控制范围.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
一般不会让框的长度随内容自适应的，因为你不知道用户会输入多少字，万一是1000字，你也一直变宽么
一般是用户不输入的时候宽度是一个小的值
用户准备输入的时候，输入框拉长到一个值
CSS目前是没有办法实现这个，就算用了calc和css变量也不行
html5属性
contenteditable可以通过max-width min-width达到你想要的这种奇怪的需求也有啊,你这样的话最好还是用min-width和max-width控制范围.