有没有办法垂直对齐堆叠在 Font Awesome 图标顶部的文本?我想将这个堆栈中的#1 向上移动,以便它位于奖杯图标的杯子中央。我尝试在封装 #1 的范围中添加底部边距和底部填充,但都没有成功。有没有一种简单的方法可以完成我想要完成的任务,或者我需要走另一条路?
<span class="fa-stack fa-3x">
<i class="fa fa-trophy fa-stack-2x"></i>
<span class="fa fa-stack-1x" style="color:red;">
<span style="font-size:35px;">
#1
</span>
</span>
</span>
http://jsfiddle.net/wc2jP/ http://jsfiddle.net/wc2jP/
Add display:block; margin-top:-20px;
到#1<span>
像这样标记:
http://jsfiddle.net/wc2jP/1/ http://jsfiddle.net/wc2jP/1/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)