在字体真棒图标上方居中显示文字？ [英] Center text above font awesome icon?

问题描述

如何在字体真棒图标上方水平和垂直居中？

How can I horizontally and vertically center text above font awesome icon?

示例代码：

<div>
    <i class="icon-circle"></i>
    <span>text</span>
</div>

推荐答案

使用Bootstrap 2.3，我是这样实现的：

Using Bootstrap 2.3 I achieved it like this:

<span class="icon-stack" style="text-align:center;">
    <i class="icon-circle icon-2x"></i>
    <span class="icon-stack"><strong>Some text</strong></span>
</span>

这篇关于在字体真棒图标上方居中显示文字？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！