在日常的网页制作当中,我们可能会遇到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>提示:可修改后代码再运行!
上一篇 IE6因为编码问题无法正确解析CSS文件
下一篇 Access数据库技术(47)