Question

我基本上有一个问题，我的按钮应该与我的输入框位于同一高度，我在网上看到的所有信息似乎都说我正在做的是正确的，但是尽管按钮上没有填充它仍然比它应该做的低3px左右。

可以在这里看到：http://jsfiddle.net/spadez/8Ej9U/embedded/result/

这是它的属性：

#search_form .button {
    width:70px;
    line-height:0;
    font-size:0;
    text-indent:-999px;
    color: transparent;
    background: url(http://i.imgur.com/LCQSXXY.png) no-repeat #a6668e center;
    border: 1px solid #3079ED;
}

我的问题是，如果按钮和输入字段都是31px且没有填充，为什么它们处于不同的高度，我应该如何修复它？

Answer 1

他们只是在线上有不同的位置。为输入指定一致的vertical-align（可能是middle）。

Answer 2

解决此问题的一种方法是添加此

input{
float:left;

}

然后清除下一个emelent

http://jsfiddle.net/8Ej9U/1/

神秘填充来自按钮

2 个答案: