資訊專欄INFORMATION COLUMN
摘要：在很多地方看到過這樣的問題，就是關(guān)于寬度設(shè)置的問題。如圖，圖中黑色框就是設(shè)置了后，輸入框的展現(xiàn)，很是蛋疼。可以移步到查看更多文章
在很多地方看到過這樣的問題，就是關(guān)于input寬度設(shè)置的問題。
如圖，圖中黑色框就是設(shè)置了100%后，input輸入框的展現(xiàn)，很是蛋疼。
針對與上述問題：
這是我的幾種方法，你試試，想用哪種用哪種，好處：簡單，不需要任何 script 代碼
問題出在了input的邊框問題 ,默認有border-style: inset邊框2象素 在包含input的div中 可以加上面代碼padding-right減去邊框就行 如果不需要太長的input，可以設(shè)置input寬度為99% 也可以不加任何代碼，但需要把input 邊框去掉 如：border: none; 去掉邊框后，在input的外面套一個div元素，或者你覺得合適的元素 ，把div元素設(shè)置上邊框，可以實現(xiàn)你要的效果。
可以移步到blog：sundexin.com 查看更多文章
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111565.html
摘要：要實現(xiàn)上述的效果輸入框的寬度隨著輸入的文字長度變化。而這個標簽有自己的想法，如果沒有給它設(shè)置一個固定的寬度，它就會有一個默認的不變的寬度，想讓它動態(tài)伸展是不可能。 showImg(https://segmentfault.com/img/bVbso8j?w=276&h=62); 要實現(xiàn)上述的效果：輸入框的寬度隨著輸入的文字長度變化。而這個標簽有自己的想法，如果沒有給它設(shè)置一個固定的寬度...
摘要：要實現(xiàn)上述的效果輸入框的寬度隨著輸入的文字長度變化。而這個標簽有自己的想法，如果沒有給它設(shè)置一個固定的寬度，它就會有一個默認的不變的寬度，想讓它動態(tài)伸展是不可能。 showImg(https://segmentfault.com/img/bVbso8j?w=276&h=62); 要實現(xiàn)上述的效果：輸入框的寬度隨著輸入的文字長度變化。而這個標簽有自己的想法，如果沒有給它設(shè)置一個固定的寬度...
摘要：本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的坑，一方面加深自己對于該部分的理解，另一方面希望能夠分享給大家，知識在于分享，當(dāng)然踩過的坑也不例外滑稽。 在日常工作中，時常會碰到各種各樣的坑，有時真的覺得很多時候開發(fā)的經(jīng)驗都是踩坑踩出來的。在通往大牛的道路上，希望自己能夠跨越重重阻礙，越走越遠。學(xué)會時?？偨Y(jié)，不斷提升自己。 本文章旨在總結(jié)開發(fā)過程中碰到的容易忘記或者比較重要的...
閱讀 1116·2021-11-24 10:24
閱讀 2600·2021-11-22 13:54
閱讀 1008·2021-09-24 09:55
閱讀 3608·2019-08-30 15:54
閱讀 1325·2019-08-30 15:44
閱讀 1102·2019-08-30 14:23
閱讀 3209·2019-08-29 13:45
閱讀 1289·2019-08-29 11:19
