.well类中的垂直中心引导btn

我有一个链接,我想从bootstrap框架垂直居中于.well类,并在锚标签上使用类btn btn-danger 。 这是下面的图片。 我尝试使用vertical-align:middle; 但这似乎不起作用。 您可以看到井上的空间甚至不在顶部和底部。

在此处输入图像描述

这是HTML:

 
'btn btn-danger'%>

也许这就是你所需要的: jsfiddle 。

我添加了新类,以免覆盖默认的引导程序。

看起来你不应该(或根本不能)垂直对齐浮动元素。

这是我的建议:

 

 .mywell{ height: 150px; } .myfloater { line-height: 150px; } .vcenter{ vertical-align: middle; } 

实例: http : //jsfiddle.net/Sherbrow/wxM5Z/2/

编辑

使用应用于浮动元素的line-height更好。