在制作网页过程中经常会将input 和 img 放在同一行实现左侧输入右侧验证码，不过与此同时出现的一个问题是文本框和验证码的水平对齐问题，下面与大家分享下具体的解决方法，有类似问题的朋友可以了解下哈
在网页制作中，常将 input 和 img 放在同一行，img标签总是比input高出一个头，非常难看。
CCS实现input和img水平对齐的方法
同时给input和img添加vertical-align:middle就行了，代码如下：
input,img {vertical-align:middle;}相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
Atas ialah kandungan terperinci input的文本框怎么做到和img验证码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Berapakah nilai Dimensity 9000 bersamaan dengan Snapdragon?
tutorial pascal
Analisis keberkesanan kos pembelajaran python, java dan c++
Kad grafik 940mx
Pengenalan kepada peralatan pemantauan stesen cuaca
Namakan semula perisian apk
apa itu vulkan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
