字体和文字之间的间距？ [英] Spacing between the glyphicon and text?

问题描述

我正在尝试添加一个字形图标作为电子邮件地址链接的一部分。该图标显示，但图标和电子邮件地址文本之间没有间距（我想要超链接包括图标和文本...包括空格）。什么是最好的方法来完成这个？

I am trying to add a glyph icon as part of an email address link. The icon shows but there is no spacing between the icon and the email address text (I want the hyperlink to include both the icon and the text... including the space). What's the best way to accomplish this?

       <a href="mailto:someone@somewheredotcom" title="Some Email">
        <span class="glyphicon glyphicon-envelope">someone@somewheredotcom</span>
    </a> 

推荐答案

如果使用 glyphicon 只需在< / span> 标签之后添加一个空格，如下所示

If using glyphicon just add one space after </span> tag like below

<a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-user"></span> Individual</a>

如果您使用 glyphicon 以及 font awesome 库参考只添加 fa-fw 在课程结束时。

If you using glyphicon along with font awesome library reference just add fa-fw at the end of class.

<a href="mailto:someone@somewheredotcom" title="Some Email">
    <span class="glyphicon glyphicon-envelope fa-fw">someone@somewheredotcom</span>
</a> 

这篇关于字体和文字之间的间距？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！