今天在做乙個專案的登陸介面時，發現input文字框始終比父元素低一截，如圖：
但在往裡輸入字的時候，這個空隙卻消失了！
網上找了很多辦法，終於找到解決方法：
如果給div和input分別新增不同的背景色，會發現input上方會出現一段空隙，即便二者的內外邊距以及邊框和輪廓都設定為0，依然存在。
除錯過程：
將input的字型大小調大，會發現間隙消失了，input的字型不需要那麼大。怎麼辦？
解決辦法：
將div的字型大小調小，間隙同樣消失了。
原因分析：
在容器中有元素是，容器的font-size會其作用，input前面的text節點會導致空格出現，而空格會在input元素較小時依託div的font-size來撐起div，從而導致間隙出現。
同理，如果要消除input前面的間隙，將div的font-size設定為0即可。
input標籤屬性
1.用input輸入文字 text型input元素可用的額外屬性 比較特殊的 dirname 指定元素內容文字方向的名稱 list 指定為文字框建議提供建議值的datalist元素 2.用input元素輸入密碼 pattern 指定乙個用於輸入驗證的正規表示式 required 表明使用者必須輸入乙...
input標籤 name屬性
link 給推薦幾個對程式設計師來說神器般存在的軟體 在頁面裡輸入了乙個input type hidden 只寫了乙個id myid 賦值後submit，在後台用request.params myid 卻怎麼也取不到值。應該用name來標識，於是在input裡加了個name myid 就一切ok了。...
設定input標籤placeholder字型顏色
有時會遇到這樣的需求，輸入框的預設提示文字與使用者輸入的文字不同。input如果只是設定input的顏色的話是達不到想要的效果的，css3有關於設定placeholder的屬性 input placeholder webkit input placeholder moz placeholder mo...