84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
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控制范围.
一般不会让框的长度随内容自适应的,因为你不知道用户会输入多少字,万一是1000字,你也一直变宽么
一般是用户不输入的时候宽度是一个小的值
用户准备输入的时候,输入框拉长到一个值
CSS目前是没有办法实现这个,就算用了calc和css变量也不行
html5属性
contenteditable
可以通过max-width min-width达到你想要的这种奇怪的需求也有啊,你这样的话最好还是用min-width和max-width控制范围.