在IE上没有显示Bootstrap glyphicon对齐

Question

我使用bootstrap类

这个按钮

<button class="btn btn-default" style="padding: 6px 0px; border-radius: 18px; width: 36px; height: 36px; text-align: center; line-height: 1.42; font-size: 12px;" type="button"><span class="glyphicon glyphicon-share"></span></button>

使用firefox，符号居中对齐。 但是对于IE，符号甚至没有显示，它接缝隐藏在左边......

我设置了text-align：center但它也不起作用。

如何修复IE？

编辑： 我在没有兼容性的情况下使用IE 11.0。

Answer 1

高度/宽度，填充等属性在按钮上不起作用，除非您给它们显示：inline-block或display：block。显示按钮，链接等：默认为内联。设置完成后，您可以将文本对齐。