在外贸网站制作过程中，通常都会有产品搜索这个功能，这时我们得使用一个input文本框和一个按钮，来完成整个结构。文本框的写法就是固定的，但是按钮我们可以直接用图片替代，也可以用 input 的button属性结合CSS来完成。下面我们就来说说用图片替代按钮这个方法，这个是最省时间也是最直接的方法，但是往往我们会遇到一个问题，图片总是会比文本框要高出一部分，水平没有对齐。如图：

通常来说最直接的解决方法是给img 加一个align=”absmiddle” 的属性就可以解决，但是这个不符合HTML标准，当然对搜索引擎也就不友好了。其实也有另外一种解决方法，那就是利用CSS来控制，其实也很简单，CSS如下：

#tsear1 input { vertical-align:middle;}
#tsear1 img { vertical-align:middle;}

加上这句CSS以后，如图：

已经是我们想要的结果了！