input明明寫在同一行，高度也一樣，在不同的瀏覽器或者手機(jī)上顯示卻不一樣，經(jīng)常會(huì)出現(xiàn)這樣的情況

<input type="text" name="verify" placeholder ="請(qǐng)輸入驗(yàn)證碼" class="verify" /><input type="button" value="發(fā)送驗(yàn)證碼" class="verify_code" />

加margin，padding都沒能解決這個(gè)問題，網(wǎng)上搜了看到有人說給兩個(gè)input加float可以實(shí)現(xiàn)對(duì)齊，鑒于浮動(dòng)帶來的一系列副作用來講，

浮動(dòng)雖然能解決這個(gè)問題，但浮動(dòng)并不是最好的方法

實(shí)踐中發(fā)現(xiàn)了另一個(gè)很好的解決辦法，就是用我們熟悉的line-height

input{height:30px;line-height:30px;}

這樣就好了，解決這個(gè)問題

?

轉(zhuǎn)載于:https://www.cnblogs.com/leiting/p/7593142.html

總結(jié)

以上是生活随笔為你收集整理的两个input在一行让它们能对齐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。