文章详情页
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应？
浏览：313日期：2023-01-28 16:41:16
问题描述
input框的宽度随框里输入的内容长短自动适应。如果用JS来获取字符长度，再控制input框的width值，这样很容易就能实现。但是只靠CSS来实现，这样要怎么搞呢？
问题解答
回答1：一般不会让框的长度随内容自适应的，因为你不知道用户会输入多少字，万一是1000字，你也一直变宽么
一般是用户不输入的时候宽度是一个小的值
用户准备输入的时候，输入框拉长到一个值
回答2：CSS目前是没有办法实现这个，就算用了calc和css变量也不行
回答3：html5属性contenteditable 可以通过max-width min-width达到你想要的
<p contenteditable='true' style = ’width:300px’>这是一段可编辑的段落。请试着编辑该文</p>回答4：
这种奇怪的需求也有啊,你这样的话最好还是用min-width和max-width控制范围.
标签：
Html5
相关文章：
1. javascript - 一排三个框，各个框的间距是15px,距离外面的白框间距也是15px，这个css怎么写？2. javascript - Vue 的依赖追踪属于单向数据绑定还是双向绑定？3. html5 - javascript写业务有用到什么编程范式没？4. javascript - vue 数据更新了。但是dom没有更新，，，，，如图5. javascript - jQuery post()方法，里面的请求串可以转换为GBK编码么？可以的话怎样转换？6. javascript - vue 手机端项目在进入主页后 在进入子页面，直接按返回出现空白情况7. 网页爬虫 - python爬虫翻页问题，请问各位大神我这段代码怎样翻页，还有价格要登陆后才能看到，应该怎么解决8. html5 - vue-cli 装好了 新建项目的好了，找不到项目是怎么回事？9. mysql - 大表和小表连接，应该注意什么，性能上10. javascript - 哪位大神指导下，如何实现今日头条头部导航列表，点那个类型，哪种类型就居中了？
排行榜
网公网安备