input标签与图片按钮水平对齐的解决方法

概述在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等Css语法，都没有解决。解决方法其实很简单…

　　在日常的网页制作当中，我们可能会遇到input标签与图片在同一行的情况，这时候你会发现，无论你的CSS怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日，小编的朋友就来咨询，说他也遇到了这个问题，并且使用margin、padding等CSS语法，都没有解决。

　　解决方法其实很简单，我们只要加上vertical-align:mIDdle属性就可以了。

　　来看实例：

<input name="wfuyu" type="text" size="28" value="" style="vertical-align:mIDdle" /><img src="http://www.wfuyu.com/images/8831logo.gif" style="cursor:pointer; vertical-align:mIDdle" /><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的input标签与图片按钮水平对齐的解决方法全部内容，希望文章能够帮你解决input标签与图片按钮水平对齐的解决方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。