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

Question

这是我的代码。如何在方框内显示大小为1x的短信。

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

Answer 1

根据您的要求，在您创建的div文件中放置绝对位置并设置保证金。

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

Answer 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>

http://jsbin.com/pisadulufo/1/edit?html,css,output