国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > input标签与图片按钮水平对齐的解决方法

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

来源:程序员人生   发布时间:2013-11-10 14:38:14 阅读次数:3270次

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

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

  来看实例:


提示:可修改后代码再运行!

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生