在製作網頁過程中經常會將input 和img 放在同一行實現左側輸入右側驗證碼#，不過同時出現的一個問題是文字方塊和驗證碼的水平對齊問題，以下與大家分享下具體的解決方法，有類似問題的朋友可以了解下哈
在網頁製作中，常將input 和img 放在同一行，img標籤總是比input高出一個頭，非常難看。
CCS實作input和img水平對齊的方法
同時為input和img加上vertical-align:middle就行了，程式碼如下：
input,img {vertical-align:middle;}相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上是input的文字方塊怎麼做到和img驗證碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
