鍍金池/ 問(wèn)答/HTML/ 如何讓input的width和value的寬度相等?

如何讓input的width和value的寬度相等?

clipboard.png
默認(rèn)的寬度太寬了,如果把input的寬度設(shè)置為1em,這樣顯示的數(shù)字會(huì)消失,2em又不是居中的,而且前提是我已經(jīng)設(shè)置了text-align: center;了。
有沒(méi)有辦法可以讓input的寬度自適應(yīng),和value的值的寬度剛好匹配呢?

回答
編輯回答
做不到

這個(gè)恐怕不行,你得借助js了,寫(xiě)個(gè)change函數(shù)吧,當(dāng)val改變了width也改變

2018年5月1日 05:32
編輯回答
墨沫

這是違反 css 設(shè)計(jì)原則的,只靠 css 應(yīng)該是無(wú)法實(shí)現(xiàn)的。因?yàn)?css 的設(shè)計(jì)原則就是內(nèi)容只能決定高度,不能決定寬度

只能借助js實(shí)現(xiàn)了,計(jì)算一下 value 的長(zhǎng)度來(lái)自動(dòng)增加 input 的寬度

2018年1月20日 18:58