我有这个按钮使用 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,但没有打开兼容性。
最佳答案
高度/宽度、填充等属性在按钮上不起作用,除非你给它们显示:内联 block 或显示: block 。按钮、链接等默认显示为内联。一旦你设置好,你就可以对齐里面的文本。
关于css - Bootstrap 字形对齐方式未在 IE 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21477847/