国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(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)文章:
主站蜘蛛池模板: 国产成人免费高清激情视频 | 久久久久女人精品毛片九一 | 欧美人成人亚洲专区中文字幕 | 欧美一区二区视频 | 手机看片自拍自自拍日韩免费 | 亚洲一成人毛片 | 嫩草影院ncyy在线观看 | 色屁屁一区二区三区视频国产 | 国产免费一区二区三区 | 香蕉午夜| 免费午夜不卡毛片 | 九九99香蕉在线视频网站 | 国产精品视频永久免费播放 | 成年女人毛片免费视频永久vip | 亚洲视频免费在线 | 亚洲免费a | 免费亚洲视频在线观看 | 色视频www在线播放国产人成 | 国产综合第一页 | 国内真实愉拍系列情侣 | 国产精品视频网址 | 国产高清区 | 美女个护士一级毛片亚洲 | 精品视频在线观看 | 欧美在线一区二区三区不卡 | 在线亚洲精品中文字幕美乳 | 亚洲国产精品一区二区三区久久 | 国产成人亚洲精品久久 | 亚洲rct中文字幕在线 | 欧美一级欧美三级在线 | 欧美高清在线 | 国内外成人免费视频 | 9久re在线观看视频精品 | 亚洲国产精品不卡毛片a在线 | 成人精品网 | 国内精品小视频福利网址 | 亚洲成a人v | 亚洲欧美精品一区天堂久久 | 欧美大尺度免费一级特黄 | 欧美精品国产精品 | 成人国产免费 |