input標簽與圖片按鈕水平對齊的解決方法

　　在日常的網頁制作當中，我們可能會遇到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.jyygyx.com/images/8831logo.gif" style="cursor:pointer; vertical-align:middle" /><br /><center>如不能顯示效果，請按Ctrl+F5刷新本頁，更多網頁代碼：<a href='http://www.jyygyx.com/' target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈