色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

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)文章:
主站蜘蛛池模板: 国产一区二区三区四区波多野结衣 | 久久一区二区精品 | 黄篇网址 | 全部免费毛片免费播放 | 久色tv| 中文字幕在线看视频一区二区三区 | 爽爽爽爽爽爽爽成人免费观看 | 毛片中文字幕 | 国产欧美视频在线观看 | 草草视频免费在线观看 | 国产精品久久久久久久久久久威 | 天天拍拍夜夜出水 | 久久福利青草精品资源站免费 | 伊人久久网站 | 国产午夜免费视频 | 999国产精品亚洲77777 | 国产三级国产精品国产普男人 | 中文字幕在线视频在线看 | 国产高清视频a在线大全 | 北岛玲亚洲一区在线观看 | 欧美freesex10一13黑人 | 久久久久久免费精品视频 | 99国产在线观看 | 欧美日韩性视频一区二区三区 | 无遮挡一级毛片私人影院 | 黄人成a动漫片免费网站 | 久久毛片视频 | 欧美顶级毛片在线播放 | 国产精品久久久久久免费播放 | 国产精品线在线精品 | 欧美一级免费 | 日韩毛片欧美一级a | 国产成人自拍在线 | 国产国产成人精品久久 | 纯欧美一级毛片_免费 | 草草影院www色极品欧美 | 黄片毛片在线观看 | 欧美日韩99 | 欧美成人免费在线 | www.久草视频 | av在线手机播放 |