获取图标中的数字

Question

我正在评论评论，我需要一些帮助来获取评论图标中的数字。如果我试图在评论中得到它，它将不会显示它应该显示的方式。

右侧评论的代码：

echo '<span style="float:right; margin-top:15px; margin-left:5px;">reacties</span> 
    <span style="float:right; color:grey; margin-top:15px"class="fa fa-comment">' 
    . implode($app->count_reactie($topic['id'])) .'</span>';

它应该将数字放在图标内，但它会显示在旁边。

现在看来是这样的：

Answer 1

您可以使用图标和文字的堆叠来实现这一目标。

＆＃13;

＆＃13;

.fa-stack-2x {
  color: black;
}

.fa-stack-1x {
  color: white;
}

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
<span class="fa-stack">
    <span class="fa fa-comment fa-stack-2x"></span>
    <strong class="fa-stack-1x">
        2    
    </strong>
</span>

＆＃13;

＆＃13;

＆＃13;

您可能需要使用其他CSS修复定位和大小，同时查找任何继承的CSS 正如评论中所建议的那样，请阅读this文章以了解fa图标的堆叠。

Answer 2

body{font-size:14px;}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
    <span class="fa-stack">
    <span class="fa fa-comment fa-stack-2x"></span>
    <strong class="fa-stack-1x" style="color:#fff;"> 1 </strong>
</span>