如何在FontAwesome字形顶部覆盖一个数字? [英] How can I overlay a number on top of a FontAwesome glyph?
本文介绍了如何在FontAwesome字形顶部覆盖一个数字?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在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屋!
查看全文