我使用Bootstrap 3创建具有如下结构的面板,并希望在面板标题内垂直对齐跨度,而不扩展面板标题的默认高度.
我尝试了不同的方法(添加class =“clearfix”,添加style =“vertical-align：middle！important;”添加style =“overflow：hidden！important;”等)但是它们都被忽略或者它们增加了默认值面板标题的高度.
我的猜测是,这是由于“拉右”类,但由于这是一个官方的Bootstrap类,我希望有一些解决方法.
有人能告诉我如何实现这一目标吗？
(我在链接中使用的图像仅为32×32,因此其高度小于面板标题的高度.)
示例面板：
蒂姆,非常感谢.
最佳答案
演示：http://jsbin.com/yowis/2/edit
这将清除浮动问题.这就是问题所在.
如果你想要文本和图像：
而CSS是：
.panel-heading {line-height:32px;}
如果您不想添加clearfix,请将其放在您的css中的任何位置：
.panel-heading:before {
content: " ";
display: table;
}
.panel-heading:after {
clear: both;
}
原文链接：/css/427631.html
