css - 将字形图标与文本一起使用时如何避免额外的空间？

Question

我在 div 中有一个带有文本的 div。但是当添加 glyphicon 时会出现奇怪的行为，即单词之间的间距变大了。

如何避免这种情况？

<div class="glyphicon  glyphicon-chevron-up">With glyphicon</div>
<div>Without glyphicon</div>

Demo of the issue

Demo of Implementation in my application

Answer 1

这个有效...

<div class="glyphicon glyphicon-chevron-up"></div>With glyphicon
<div>Without glyphicon</div>

如果你不能用这个，那就用这个:

 <div class="glyphicon  glyphicon-chevron-up" style="color: steelblue;font-size: initial;" data-toggle="collapse"   href="#new"></div><span style="color: steelblue;font-size: initial;" href="#new">
Glyhicon div with collapse</span>
<div class="collapse in" id="new">
Something goes here
</div>

然后你只能选择点击图标来切换。