文章详情页
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应?
问题描述
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. 引用 node.js express加载 静态文件 报错 ??2. javascript - 引入 simditor,但是显示标签,这个怎么解决。3. angular.js - ionic该如何强制刷新页面4. vue.js - weex 没有背景图片属性怎么办?5. 如何更新/删除指定的两条或多条数据6. 优先级的问题?7. node.js - 利用vue-cli 构建执行到npm run dev 报错,求解~8. 搭建一个用户间相互博弈的网站9. mysql_replication - mysql读写分离时如果单台写库也无法满足性能怎么解决10. mysql 一个sql 返回多个总数
排行榜