input明明寫在同一行，高度也一樣，在不同的瀏覽器或者手機上顯示卻不一樣，經常會出現這樣的情況

<input type="text" name="verify" placeholder ="請輸入驗證碼" class="verify" /><input type="button" value="發送驗證碼" class="verify_code" />

加margin，padding都沒能解決這個問題，網上搜了看到有人說給兩個input加float可以實現對齊，鑒于浮動帶來的一系列副作用來講，

浮動雖然能解決這個問題，但浮動并不是最好的方法

實踐中發現了另一個很好的解決辦法，就是用我們熟悉的line-height

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

這樣就好了，解決這個問題

?

轉載于:https://www.cnblogs.com/leiting/p/7593142.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。