中心图标内容

Question

16

我正在使用Google Chrome Inspector，如果您选择glyphicon的before伪元素，您会发现右侧有空白。我该如何使glyphicon居中？

我尝试设置文本对齐方式，但它不起作用。

<span class="glyphicon glyphicon-plus"></span>
<style>.glyphicon { font-size: 120px; }</style>

更新的链接 jsFiddle 2

Glyphicon

- Almis

更新链接 http://jsfiddle.net/sps01dsd/1/ - Almis

2

如果您在内联元素中尝试单个a-z字符，则可能是字形图标字体文件中的字距问题，您将看到它们正确地居中对齐。 - Luizgrs

@Luizgrs，你说得对，我相信大部分都是正确的，但有些不正确，如果你尝试使用glyphicon-minus，情况会更糟。我认为唯一的方法是手动调整。等待更好的解决方案。 - Almis

11个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MarioG · Answer 1

通过调整 letter-spacing 属性，您可以消除字形右侧的空白空间：

.glyphicon {
    font-size: 120px;
    letter-spacing: -9px;
}