文章詳情頁
html5 - 只用CSS如何實現(xiàn)input框的寬度隨框里輸入的內(nèi)容長短自動適應?
瀏覽:158日期:2023-01-28 16:41:16
問題描述
input框的寬度隨框里輸入的內(nèi)容長短自動適應。如果用JS來獲取字符長度,再控制input框的width值,這樣很容易就能實現(xiàn)。但是只靠CSS來實現(xiàn),這樣要怎么搞呢?
問題解答
回答1:一般不會讓框的長度隨內(nèi)容自適應的,因為你不知道用戶會輸入多少字,萬一是1000字,你也一直變寬么
一般是用戶不輸入的時候?qū)挾仁且粋€小的值
用戶準備輸入的時候,輸入框拉長到一個值
回答2:CSS目前是沒有辦法實現(xiàn)這個,就算用了calc和css變量也不行
回答3:html5屬性contenteditable 可以通過max-width min-width達到你想要的
<p contenteditable='true' style = ’width:300px’>這是一段可編輯的段落。請試著編輯該文</p>回答4:
這種奇怪的需求也有啊,你這樣的話最好還是用min-width和max-width控制范圍.
標簽:
Html5
相關(guān)文章:
1. dockerfile - [docker build image失敗- npm install]2. javascript - js判斷用戶的網(wǎng)絡能否上網(wǎng)?3. javascript - 這里的這個函數(shù)是干嘛用的?4. docker-compose中volumes的問題5. css - input元素的time控件無法選擇6. javascript - vue-router怎么不能實現(xiàn)跳轉(zhuǎn)呢7. python 字符串匹配問題8. android - viewpager問題PagerTabStrip樣式9. java如何高效讀寫10G以上大文件10. mysql - SQL語句可以提供“查詢表,并至第100條結(jié)果為止”嗎?
排行榜

熱門標簽