css - CSS：无法将按钮和输入对齐

Question

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

只是一个示例：

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

就我而言，我正在尝试利用这个概念，但按钮稍大（一个像素）我无法弄清楚是什么原因造成的。

在此处输入图像描述

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

score 1 · Accepted Answer

我猜你的 CSS 中的其他东西会导致这个问题。您可以通过覆盖您的 CSS 来解决此问题。在课堂line-height上从 20 像素到 19 像素.btn：

.btn { line-height: 19px }

1 回答 1