css - Bootstrap 右拉对齐问题

Question

我对 CSS 非常陌生，但我已经使用 Bootstrap 3 玩了几个星期了。也就是说，如果问题太简单/重复，我很抱歉。我四处搜索(谷歌和 Stackoverflow)，但没有找到我的问题的答案(可能是因为我不知道如何查询它 =/)。

问题是，我正在尝试让一个链接 ( element ) 与按钮 () 垂直对齐。另外，我希望按钮位于容器的右侧。这是一个显示问题的 fiddle :

http://jsfiddle.net/69bmm/

<div class="row">
    <a href=";">Text I want vertical-middle</a>
    <button type="submit" class="btn btn-info pull-right">Button</button>
</div>

在 fiddle 中，我将 pull-right 类添加到按钮，元素位于我希望的位置，但我希望链接文本与按钮文本对齐，但它没有无论我向元素添加什么填充或边距，我都无法对齐它们。

我试图解决的问题:

• 将 和 元素分别封装在一个 div 中，并将“float:right”设置为后者，删除 pull-right 类。 ( http://jsfiddle.net/66zbh/ )
• 用 col-md-8 和 封装在一个 div 中，没有 pull-right 类，在 col-md-4 中，它们按照我想要的方式垂直对齐，但按钮没有被拉到右边

非常感谢!

Answer 1

您需要将 .row 的 line-height 设置为与您的按钮相同的高度:

Demo Fiddle

.row{ /* <-- you will want to add better specificity here, e.g. refer to the specific element by id */
    line-height:34px;
}