Email 字形图标和文本之间的间距？

我正在尝试添加一个字形图标作为电子邮件地址链接的一部分。图标显示，但图标和电子邮件地址文本之间没有间距（我希望超链接同时包含图标和文本…包括空格）。实现这一目标的最佳方式是什么

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

---

您可以尝试执行以下操作：

.glyphicon-envelope:before {
  margin-right: 5px;
}

---

请注意，您的自定义css文件应包含在引导后。如果您仅使用

glyphicon

，请在

标记后添加一个空格，如下所示

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

---

根据Bootstrap：

图标类只能用于不包含文本内容且>没有子元素的元素

您应该将电子邮件地址放在span之外：

<span class="glyphicon glyphicon-envelope fa-fw"></span>someone@somewheredotcom

someone@somewheredotcom

从中，请参阅此注释

确保在图标和文本之间留有空格，以便进行适当的填充

因此，您可以根据需要修改CSS，例如使用Bogdan的想法，或者只需在图标和文本之间添加

：

<a href="mailto:someone@somewheredotcom" title="Some Email">
    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;someone@somewheredotcom
</a>

这对我很有效。谢谢我做到了：

.glyphicon:before{margin right:5px；}

你说的是真的，但它不会像OP所期望的那样添加间距。

<a href="mailto:someone@somewheredotcom" title="Some Email">
    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;someone@somewheredotcom
</a>