我在CSS上很不在行,但我已经玩了几个星期了。尽管如此,如果这个问题太简单/太重复,我很抱歉。我已经搜索过( Google和Stackoverflow),但是没有找到我的问题的答案(可能是因为我不知道如何查询它=/)。
问题是,我正在尝试用一个按钮()垂直对齐一个链接(元素)。另外,我希望按钮在容器的右边。这里有一把小提琴,说明了这个问题:
<div class="row">
<a href=";">Text I want vertical-middle</a>
<button type="submit" class="btn btn-info pull-right">Button</button>
</div>
在小提琴里,我把拉-右类添加到按钮中,元素在我想要的位置上,但是我希望链接文本与按钮-文本对齐,但是不管我给元素添加了什么填充或边距,我不能对齐它们。
我想要解决的是:
非常感谢!
发布于 2014-07-16 05:06:52
您需要将line-height
设置为与按钮高度相同的.row
:
.row{ /* <-- you will want to add better specificity here, e.g. refer to the specific element by id */
line-height:34px;
}
https://stackoverflow.com/questions/24781475
复制