html5 - 只用CSS如何實現input框的寬度隨框里輸入的內容長短自動適應？

問題描述

input框的寬度隨框里輸入的內容長短自動適應。如果用JS來獲取字符長度，再控制input框的width值，這樣很容易就能實現。但是只靠CSS來實現，這樣要怎么搞呢？

問題解答

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

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

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

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

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

<p contenteditable='true' style = ’width:300px’>這是一段可編輯的段落。請試著編輯該文</p>回答4：

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