css - 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; 或直接删除它。