如何實現文本框和驗證碼圖片對齊:在預設情況下，如果文本框和圖片在同一個元素中的話，不能夠實現垂直對齊，比如驗證碼功能，左邊是文本框，右邊是驗證碼圖片，如果不加控制它們是不能夠對齊的，下麵就通過代碼實例介紹一下如何實現文本框和圖片的對齊效果。代碼如下:螞蟻部落以上代碼實現了我們的要求，不過IE6和IE...
如何實現文本框和驗證碼圖片對齊:
在預設情況下，如果文本框和圖片在同一個元素中的話，不能夠實現垂直對齊，比如驗證碼功能，左邊是文本框，右邊是驗證碼圖片，如果不加控制它們是不能夠對齊的，下麵就通過代碼實例介紹一下如何實現文本框和圖片的對齊效果。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div img,div input{ vertical-align:middle } input{ height:52px; } </style> </head> <body> <div><input type="text"/><img src="mytest/demo/1.jpg"></div> </body> </html>
以上代碼實現了我們的要求，不過IE6和IE7瀏覽器並不支持，不過現在並不是大問題，xp已死，估計很快IE6和IE7瀏覽器就會消失。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13327
更多內容可以參閱:http://www.softwhy.com/divcss/
