問(wèn)題描述

input框的寬度隨框里輸入的內(nèi)容長(zhǎng)短自動(dòng)適應(yīng)。如果用JS來(lái)獲取字符長(zhǎng)度，再控制input框的width值，這樣很容易就能實(shí)現(xiàn)。但是只靠CSS來(lái)實(shí)現(xiàn)，這樣要怎么搞呢？

問(wèn)題解答

一般不會(huì)讓框的長(zhǎng)度隨內(nèi)容自適應(yīng)的，因?yàn)槟悴恢烙脩魰?huì)輸入多少字，萬(wàn)一是1000字，你也一直變寬么

一般是用戶不輸入的時(shí)候?qū)挾仁且粋€(gè)小的值

用戶準(zhǔn)備輸入的時(shí)候，輸入框拉長(zhǎng)到一個(gè)值

CSS目前是沒(méi)有辦法實(shí)現(xiàn)這個(gè)，就算用了calc和css變量也不行

html5屬性contenteditable 可以通過(guò)max-width min-width達(dá)到你想要的

<p contenteditable='true' style = ’width:300px’>這是一段可編輯的段落。請(qǐng)?jiān)囍庉嬙撐?lt;/p>回答4：

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