今天小编跟大家讲解下有关Input标签与图片按钮水平对齐解决方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关Input标签与图片按钮水平对齐解决方法 的相关资料，希望小伙伴们看了有所帮助。
昨日 小编的朋友就来咨询 说他也遇到了这个问题 并且使用margin、padding等Css语法 都没有解决。
解决方法其实很简单 我们只要加上vertical-align:middle属性就可以了。
来看实例：
<input name="jb51"type="text"size="28"value=""style="vertical-align:middle"/><img src="https:///images/logo.gif"style="cursor:pointer; vertical-align:middle"/><center>如不能显示效果 请按Ctrl+F5刷新本页</center> 提示：您可以先修改部分代码再运行页面直接摆放一个input文本框与ImageButton图片按钮 但是发现没有对齐： 复制代码代码如下: <input type="text"id="txtQty"/> <asp:ImageButton ID="IBtnBuy"runat="server"/> 如图所示其实只要给图片按钮添加一个css属性就可以： 复制代码代码如下: <asp:ImageButton ID="IBtnBuy"runat="server"CssClass="btnImg"/> .btnImg{ vertical-align:middle; } 这样就对齐了：
来源：爱蒂网
