CSS中的相对定位

Question

.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上，对象不居中并显示在左侧

Answer 1

您有2个边距属性。 Chrome和Firefox以一种方式处理它，IE处理另一种方式。

删除副本并将第一个更改为：

margin: 50px auto;

同样如评论中所述，将display: inline-block;更改为

display: block;或者只是将其删除。