如何在bootstrap中的文本和图标之间插入空格？

Question

我在我的网站上使用了bootstrap。当我将 glyphicon glyphicon-user 类添加到a标签图标时，没有任何空格。请咨询

app.js

Answer 1

将 放在文字和图标之间。

示例：

<a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام"  rel="nofollow" >
    ثبت‌نام &nbsp; <span class="glyphicon glyphicon-user"></span>
</a>

空格也会

<a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام"  rel="nofollow" >
    ثبت‌نام <span class="glyphicon glyphicon-user"></span>
</a>

修改

如下面的评论，您无法在a标记内添加其他标记，您实际上可以添加 或空白但使用您的代码，图标位于左侧而不是如右图所示。

使用您的代码在文本前添加 或空格，但图标位于左侧。

<a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margin-left: 10px;" id="dnn_dnnUser_enhancedRegisterLink" title="ثبت‌نام" class="glyphicon glyphicon-user" rel="nofollow" >&nbsp;ثبت‌نام</a>

Answer 2

假设文字在左边，那么如何在你的跨度中添加style =“padding-left：10px”？

{{1}}

Answer 3

在锚标记内添加两个跨距，一个用于保存文本，另一个用于glyphicon：

<a>
    <span class="glyphicon glyphicon-user" style="margin-right: 10px"></span>
    <span>your text</span>
</a>