css - Bootstrap 字形对齐方式未在 IE 上显示

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

高度/宽度、填充等属性在按钮上不起作用，除非你给它们显示:内联 block 或显示: block 。按钮、链接等默认显示为内联。一旦你设置好，你就可以对齐里面的文本。