我有一个链接,我想将其垂直居中.well
来自引导框架的类并且正在使用该类btn btn-danger
在锚标签上。这是下面的图片。我尝试使用vertical-align:middle;
但这似乎不起作用。您可以看到井上的空间甚至不包括顶部和底部。
这是 HTML:
<div class="well">
<%= link_to "Remove", thing, method: :delete, style: "font-size: 11px; float:right; ", :class => 'btn btn-danger'%>
</div>
看来您不应该(或根本不能)垂直对齐浮动元素。
这是我的建议:
<div class="well mywell">
<div class="pull-right myfloater">
<button class="btn btn-danger vcenter">Remove</button>
</div>
<p><!-- things --></p>
</div>
.mywell{
height: 150px;
}
.myfloater {
line-height: 150px;
}
.vcenter{
vertical-align: middle;
}
现场示例:http://jsfiddle.net/Sherbrow/wxM5Z/2/ http://jsfiddle.net/Sherbrow/wxM5Z/2/
Edit
更好的是line-height
应用于浮动元素。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)