html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应?

 书友74562696 发布于 2022-11-02 02:34

input框的宽度随框里输入的内容长短自动适应。
如果用JS来获取字符长度,再控制input框的width值,这样很容易就能实现。但是只靠CSS来实现,这样要怎么搞呢?

4 个回答
  • 这种奇怪的需求也有啊,你这样的话最好还是用min-width和max-width控制范围.

    2022-11-12 01:50 回答
  • html5属性contenteditable 可以通过max-width min-width达到你想要的

    <p contenteditable="true" style = 'width:300px'>这是一段可编辑的段落。请试着编辑该文</p>
    2022-11-12 01:50 回答
  • CSS目前是没有办法实现这个,就算用了calc和css变量也不行

    2022-11-12 01:50 回答
  • 一般不会让框的长度随内容自适应的,因为你不知道用户会输入多少字,万一是1000字,你也一直变宽么

    一般是用户不输入的时候宽度是一个小的值

    用户准备输入的时候,输入框拉长到一个值

    2022-11-12 01:50 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有