如何在FontAwesome字形顶部覆盖一个数字？ [英] How can I overlay a number on top of a FontAwesome glyph?

问题描述

如何在icon-star-empty中间覆盖0到99之间的数字？

How can I overlay a number between 0 and 99 in the middle of 'icon-star-empty'?

推荐答案

你的CSS应该看起来像：

You css should look something like:

.contain-i-e-s,.icon-empty-star,.text-i-e-s{
  height:100px; width:100px;
}
.contain-i-e-s{
  position:relative;
}
.text-i-e-s{
  text-align:center; position:absolute;
}

您的HTML可能如下所示：

Your HTML might look like:

<div class='contain-i-e-s'>
  <i class='icon-empty-star'></i>
  <div class='text-i-e-s'>99</div>
</div>

这篇关于如何在FontAwesome字形顶部覆盖一个数字？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！