当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
我在我的网站上使用bootstrap.当我将glyphicon glyphicon-user类添加到a标签时,图标显示没有任何空格.请咨询 a style="padding-left: 10px; padding-right: 10px; border-left-width: 10px; border-left-style: solid; margi
我在我的网站上使用bootstrap.当我将glyphicon glyphicon-user类添加到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" >ثبت‌نام</a>

放& nbsp;文本和图标之间.

例:

<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>

编辑:

如下面的评论,您无法在标记内添加其他标记,您实际上可以添加& nbsp;或者使用你的代码的空格,图标显示在左侧,而不是右侧.

使用您的代码添加& nbsp;或文本前的空格,但图标在左侧.

<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>
网友评论