Css 中心内容和图像预加载程序 我试图让我的预加载旋转器在页面的中间，并把图像放在旋转器的中心，旋转器看起来在右边大约50px。不知道为什么它似乎有一个偏移量。我也希望标志不要在里面旋转

$（window）.on（'load'，function（）{//确保加载整个站点
$（'.LoaderIner'）.fadeOut（）；//将首先淡出加载动画
$（'load#u cover'）。延迟（400）。淡出（'slow'）；
$（'body'）.delay（400）.css（{'overflow'：'visible'}）；
})

#装入盖子{
宽度：100%；
身高：100%；
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
文本对齐：居中；
背景色：#000；
z指数：1000000；
}
加德林纳先生{
位置：绝对位置；
最高：50%；
左：50%；
}
.加载器标志{
背景图像：url（'http://icons.iconarchive.com/icons/saki/nuoveXT/128/Small-arrow-down-icon.png');
}
.加载器{
边框：4px实心#838383；
边界半径：50%；
边框顶部：4px实心#dddddd；
宽度：100px；
高度：100px；
-webkit动画：旋转0.7s线性无限；
动画：旋转0.7s线性无限；
盒影：0 0 1px#999；
过滤器：模糊（0.9px）；
}
@-webkit关键帧旋转{
0%{-webkit变换：旋转（0度）；}
100%{-webkit变换：旋转（360度）；}
}
@关键帧旋转{
0%{变换：旋转（0度）；}
100%{变换：旋转（360度）；}
}

---

之所以会出现这种情况，是因为您的加载器徽标的高度和宽度也为100px，这 导致装载机徽标从中心移动

$（window）.on（'load'，function（）{//确保加载整个站点
$（'.LoaderIner'）.fadeOut（）；//将首先淡出加载动画
$（'load#u cover'）。延迟（400）。淡出（'slow'）；
$（'body'）.delay（400）.css（{'overflow'：'visible'}）；
})

#装入盖子{
宽度：100%；
身高：100%；
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
文本对齐：居中；
背景色：#000；
z指数：1000000；
}
加德林纳先生{
位置：绝对位置；
顶部：calc（50%-50px）；
左：计算（50%-50px）；
}
.加载器标志{
宽度：100px；
变换：旋转（-90度）；
顶部：钙（50%-38px）；
位置：绝对位置；
左：计算（50%-70px）；
高度：100px；
背景图像：url（'http://icons.iconarchive.com/icons/saki/nuoveXT/128/Small-arrow-down-icon.png');
}
.加载器{
边框：4px实心#838383；
边界半径：50%；
边框顶部：4px实心#dddddd；
宽度：100px；
高度：100px；
-webkit动画：旋转0.7s线性无限；
动画：旋转0.7s线性无限；
盒影：0 0 1px#999；
过滤器：模糊（0.9px）；
}
@-webkit关键帧旋转{
0%{-webkit变换：旋转（0度）；}
100%{-webkit变换：旋转（360度）；}
}
@关键帧旋转{
0%{变换：旋转（0度）；}
100%{变换：旋转（360度）；}
}

---

使用变换属性修复偏移 并使用徽标作为背景，在编辑后居中查看下面的代码

$（window）.on（'load'，function（）{//确保加载整个站点
$（'.LoaderIner'）.fadeOut（）；//将首先淡出加载动画
$（'load#u cover'）。延迟（400）。淡出（'slow'）；
$（'body'）.delay（400）.css（{'overflow'：'visible'}）；
})

#装入盖子{
宽度：100%；
身高：100%；
位置：固定；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
文本对齐：居中；
背景色：#000；
z指数：1000000；
}
加德林纳先生{
位置：绝对位置；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
}
.加载器{
边框：4px实心#838383；
边界半径：50%；
边框顶部：4px实心#dddddd；
宽度：100px；
高度：100px；
-webkit动画：旋转0.7s线性无限；
动画：旋转0.7s线性无限；
盒影：0 0 1px#999；
过滤器：模糊（0.9px）；
背景：url（'http://icons.iconarchive.com/icons/saki/nuoveXT/128/Small-arrow-down-icon.png“）无重复中心；
}
@-webkit关键帧旋转{
0%{-webkit变换：旋转（0度）；}
100%{-webkit变换：旋转（360度）；}
}
@关键帧旋转{
0%{变换：旋转（0度）；}
100%{变换：旋转（360度）；}
}

有没有办法防止图像旋转？很抱歉，我没听清楚。你想不想旋转？我想让旋转器旋转，但我不想让图像旋转好吧，让我试试你想让图像在旋转器的中心吗？