如何在 fontawesome 方形图标内显示文本消息

【问题标题】：how to display the text message inside the fontawesome square icon如何在 fontawesome 方形图标内显示文本消息
【发布时间】：2014-05-23 15:30:27
【问题描述】：

这是我的代码。如何在大小为 1x 的方形框中显示文本消息。

<span class="fa-stack fa-5x" style="margin-left:5%">
 <i class="fa fa-square-o fa-stack-2x"></i>   
</span>

【问题讨论】：

【解决方案1】：

根据您创建的放置文本的 div 标签的要求放置绝对位置并放置边距。

<div style="position: absolute;">asdasdaddas</div>

【讨论】：

【解决方案2】：

让 Font Awesome 类完成这项工作。将您的文本包裹在 fa-stack-1x 类中，它会将其定位并居中于图标上方。如果需要，您可以从那里使用字体大小。

<span class="fa-stack fa-5x fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <span class="fa fa-stack-1x">Aa</span>
</span>

【讨论】：