假设我有一个 bootstrap 按钮,带有一个很棒的字体图标和一些文字:
<div>
<i class='icon icon-2x icon-camera'></i>
hello world
</div>
如何使文本垂直居中显示?
假设我有一个 bootstrap 按钮,带有一个很棒的字体图标和一些文字:
<div>
<i class='icon icon-2x icon-camera'></i>
hello world
</div>
如何使文本垂直居中显示?
在考虑了所有建议的选项之后,最干净的解决方案似乎是设置行高并垂直对齐所有内容:
见100
CSS:
div {
border: 1px solid #ccc;
display: inline-block;
height: 50px;
margin: 60px;
padding: 10px;
}
#text, #ico {
line-height: 50px;
}
#ico {
vertical-align: middle;
}