简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - 只用CSS如何实现input框的宽度随框里输入的内容长短自动适应？
PHP中文网
PHP中文网 2017-04-17 14:38:36
0
4
798

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆 (4)
洪涛
洪涛2017-04-17 14:40:36 4樓

通常不會讓框的長度隨內容自適應的，因為你不知道使用者會輸入多少字，萬一是1000字，你也一直變寬麼

一般是使用者不輸入的時候寬度是一個小的值

使用者準備輸入的時候，輸入框拉長到一個值

點贊+0
新增回覆
    大家讲道理
    大家讲道理2017-04-17 14:40:36 3樓

    CSS目前是沒有辦法實現這個，就算用了calc和css變數也不行

    點贊+0
    新增回覆
      洪涛
      洪涛2017-04-17 14:40:36 2樓

      html5屬性contenteditable可以透過max-width min-width達到你想要的

      这是一段可编辑的段落。请试着编辑该文
      點贊+0
      新增回覆
        大家讲道理
        大家讲道理2017-04-17 14:40:36 1樓

        這種奇怪的需求也有啊,你這樣的話最好還是用min-width和max-width控制範圍.

        點贊+0
        新增回覆
          熱門專題
          更多>
          熱門文章
          熱門教學
          更多>
          相關教學
          熱門推薦
          最新課程
          最新下載
          更多>
          網站特效
          網站源碼
          網站素材
          前端模板
          關於我們 免責聲明 Sitemap
          PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！