.loading-icon {
pointer-events: none;
margin: auto;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 16px;
position: relative;
margin: 50px 0;
line-height: 25px;
在 firefox 和 chrome 中,对象在页面中居中,而在 IE10 中,对象不居中并且向左显示
最佳答案
您有 2 个边距属性。 Chrome 和 Firefox 以一种方式处理它,而 IE 以另一种方式处理它。
删除重复项并将第一个更改为:
margin: 50px auto;
同样如评论中所述,将display: inline-block;
改为
display: block;
或直接删除它。
关于css - CSS 中的相对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23898914/