input的文字方塊怎麼做到和img驗證碼

在製作網頁過程中經常會將input 和img 放在同一行實現左側輸入右側驗證碼#，不過同時出現的一個問題是文字方塊和驗證碼的水平對齊問題，以下與大家分享下具體的解決方法，有類似問題的朋友可以了解下哈

在網頁製作中，常將input 和img 放在同一行，img標籤總是比input高出一個頭，非常難看。

CCS實作input和img水平對齊的方法
同時為input和img加上vertical-align:middle就行了，程式碼如下：

input,img {vertical-align:middle;}

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

iframe的去邊框和無邊框有哪些操作方式

Html中有哪些標記文字註解的符號

html的轉義字元如何透過程式碼辨識

以上是input的文字方塊怎麼做到和img驗證碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！