一个文本框旁边一个按钮是很经常用到的网页内容，比如搜索框等等，如何使用css对齐文本框和旁边的图像按钮，下面有个比较不错的解决方案，感兴趣的朋友可以参考下

注：+margin-top:1px这里也不是绝对的，如果左边的输入框设置了padding或者margin的话，右边图片的+margin-top就要相应修改了。所以还是要自己调试的。  一个文本框旁边一个按钮是很经常用到的网页内容，比如搜索框等等，而如果旁边的按钮使用图像的话，他们竖直方向就很不容易对齐，即使使用 vertical-align、padding和margin等都不行（特别是在IE中，Firefox中使用vertical-align还可以）。 例如有如下代码： 复制代码代码如下: