Получение числа в значке
Я подсчитываю комментарии, и мне нужна помощь, чтобы получить числа внутри значка комментария. Если я попытаюсь вставить его в комментарий, он не будет отображаться так, как должен.
Код для комментариев справа:
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>';
Номер должен быть помещен внутри значка, но вместо этого он отображается рядом с ним.
Вот как это выглядит сейчас:
Вопросы, требующие помощи по коду, должны включать кратчайший код, необходимый для его воспроизведения в самом вопросе, предпочтительно в Фрагмент стека. ИЗОБРАЖЕНИЯ кода не принимаются.
Вы должны попробовать поискать в Google перед публикацией ... это может быть полезным ресурсом: ourcodeworld.com/articles/read/463/…
@FunkFortyNiner Он должен поместить число внутри значка.
@WilliamHampshire Я пробовал этот blog.fontawesome.io/2014/05/19/stacking-text-and-icons, но я не могу заставить его работать, он сделает значок больше, а не вставит число, выровненное в значок комментария
Ответы 2
Вы можете добиться этого, используя наложение значков и текста.
.fa-stack-2x {
color: black;
}
.fa-stack-1x {
color: white;
}<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>Возможно, вам придется исправить положение и размер с помощью дополнительного CSS, а также поищите любой унаследованный CSS. Как было предложено в комментариях, прочтите статью это, чтобы понять, как расположены значки fa.
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>