文章詳情頁
html5 - 只用CSS如何實現input框的寬度隨框里輸入的內容長短自動適應？
瀏覽：223日期：2023-01-28 16:41:16
問題描述
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. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。2. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變3. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?4. javascript - 有什么比較好的網頁版shell前端組件？5. java - 如何寫一個intellij-idea插件，實現編譯時修改源代碼的目的6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?7. java 中Long 類型如何轉換成Double？8. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？9. html - vue項目中用到了elementUI問題10. javascript - [js]為什么畫布里不出現圖片呢？在線等
排行榜
網公網安備