html - FontAwesome 3.2.1 隐藏 anchor 文本值

标签 html css font-awesome

如何使用 Font Awesome 3.2.1 隐藏文本值并只显示图标?菜单选项需要有一个值。这是我所拥有的:

<a href="#" class="icon icon-facebook-sign">Facebook</a>

我尝试了文本缩进,但只是隐藏了 Logo 而不是奇怪的文本。

最佳答案

<a href="https://www.facebook.com" title="Facebook"><i class="fa fa-facebook"></i> <span style="display:none;">Facebook</span></a>

这是 FontAwesome 图标的标准用法,应该可以解决您的问题。

关于html - FontAwesome 3.2.1 隐藏 anchor 文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29748840/

相关文章:

css - 如果我在上面的 div 中使用 clearfix,Chrome 中的页脚会崩溃

html - Font Awesome <i> </i> 标签的 - Nibbler

javascript - 如何使用jquery删除输入字段后的文本?

javascript - 将带有图形/文本的图像调整/缩放到 100% 宽度/高度

html - 如何在html中将列右对齐

html - 页眉和导航栏对齐

css - 字体- Font Awesome 未加载

angular6 - 'IconDefinition' 类型的参数不可分配给 'IconDefinitionOrPack' 类型的参数

html - 以从右到左的语言从左到右显示电话号码

html - 保留文本宽度和高度但 "hide"它