CSS：无法将Button和Input对齐在一起

Question

在twitter bootstrap documentation中，有一种有趣的方法可以在输入旁边添加一个按钮。

仅举例说明：

<div class="input-append">
<input class="span2" id="appendedInputButton" type="text">
<button class="btn" type="button">Go!</button>
</div>

在我的情况下，我试图利用这个概念，但按钮略大（按一个像素）我无法弄清楚是什么导致这个。

我创造了一个小提琴，我希望有人可以指出我正确的方向。

http://jsfiddle.net/houmie/FkEnm/2/

Answer 1

我猜你的CSS中有别的东西会导致这个问题。 您可以通过覆盖您的CSS来解决此问题。在line-height类上将.btn从20px变为19px：

.btn { line-height: 19px } 

工作DEMO