Question

在我的代码中，我使用bootstrap并添加单词以与glyphicons一起使用。我的话是在span标签内，当它只是一个普通的空间时，它有一个笨拙的大空间。

        <div class="first-draft view">
            <h4>First-Draft</h4>
            <img src="img/view.png" alt="City View"/>
            <h5><span class="glyphicon glyphicon-file"> View Report</span></h5>
            <h6><span class="glyphicon glyphicon-unchecked"> Compare</span></h6>
        </div>

这是一个jsfiddle示例http://jsfiddle.net/zbyztda8/

Answer 1

如果任何解决方案无效，请尝试删除font-family。我认为间距是由'Glyphicons Halflings'字体引起的。更好的方法是在单独的范围内使用文本，而不使用任何样式和不同的glyphicon范围。

HTML：

    <div class="first-draft view">
     <h4>First-Draft</h4>

    <img src="img/view.png" alt="City View" />
     <h5><span class="glyphicon glyphicon-file"> View Report</span></h5>

     <h6><span class="glyphicon glyphicon-unchecked"> Compare</span></h6>

</div>
<br/>
<div class="first-draft view">
     <h4>First-Draft</h4>

    <img src="img/view.png" alt="City View" />
     <h5><span class="glyphicon glyphicon-file"></span><span>View Report</span></h5>

     <h6><span class="glyphicon glyphicon-unchecked"> Compare</span></h6>

</div>

演示：http://jsfiddle.net/zbyztda8/2/

请参阅span标记中没有font-family的最后一部分。

span标签之间有一个尴尬的间距

1 个答案: