Я пытаюсь использовать иконку внутри ссылки. Когда я использую только один значок, все работает нормально. Но при попытке использовать значок со штабелями он не отображается в ссылке, как в одном значке.Использование шрифта - удивительный сложный значок в ссылке
Первый метод я использую:
<a href="#" class="tweet"><span class="icon-stack"><i class="icon-circle icon-stack-base"></i><i class="icon-twitter"></i></span>tweetthis</a>
посещение: Broken Stacked Icon
Это дает мне что-то, где две иконы являются как по левому краю (от центра) и значки отображаются поверх текст.
Я думал, что включение этого диапазона с классом знакового стека вместо одного <i>
будет способом сделать это, но это не так. Это прекрасно работает:
<a href="#" class="tweet"><i class="icon-circle"></i><i class="icon-twitter"></i>tweetthis</a>
посещение: Inline icons
Я не уверен, куда поместить контейнер <span>
, или если там должно быть больше стилей добавлены к нему. Я пробовал разные комбинации. Настройка отображения a
: блок не помогает (других стилей, применяемых к ссылке, нет).
Если в тексте нет текста, результат будет таким же. Установка класса контейнера .icon-stack
в display:block
действительно помогает, но это не идеально, так как значок базы намного больше, чем значок сверху.
Это что-то, что возможно? Или я подталкиваю пределы того, как использовать значки штабелей?
@helloerik Возможно, вы могли бы проголосовать за мой ответ. – adaam
Для голосов нужно 15 репутации, извините. – helloerik
@helloerik Я сделал это от вашего имени;) – Aditya