怎样对齐文本框和图像(image)按钮实现三点一线

一个文本框旁边一个按钮是很经常用到的网页内容,比如搜索框等等,而如果旁边的按钮使用图像的话,他们竖直方向就很不容易对齐,即使使用 vertical-align、padding和margin等都不行(特别是在IE中,Firefox中使用vertical-align还可以)。 例如有如下代码: 复制代码代码如下:<form><input type=”text”name=”foo”value=”Test Field”/><input type=”image”src=”images/button.gif” /></form> 其效果是: 解决方案非常简