0

我基本上有一个问题，我的按钮应该与我的输入框位于同一高度，并且我在网上阅读的所有信息似乎都说我所做的是正确的，但是尽管按钮上没有填充它仍然存在比它应该做的低 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;
}

我的问题是，如果按钮和输入字段都是 31 像素且没有填充，为什么它们会处于不同的高度，我应该如何解决这个问题？

4

2 回答 2

2

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

于 2013-06-09T17:03:34.000 回答
0

解决它的一种方法是添加这个

input{
float:left;

}

然后清除下一个元素

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

于 2013-06-09T17:04:22.277 回答