我正在使用语义 UI库来构建我的 React 应用程序。我正在使用Loader，在我的组件中的某个地方我有这样的东西：
if (loading) {
return (
<div>
<div className="ui active inline loader" />
</div>
);
}
一切正常。但是，Loader 不在 div 中居中，因此我将包装器 div 修改为类似于<div className="centered">，其中：
.centered {
display: flex;
align-items: center;
justify-content: center;
}
现在，Loader 居中但不在Safari 浏览器中旋转！怎么解决？
在 Chrome 中它工作正常。
要解决居中问题，您可能需要以下 webkit：
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
然后就在动画上逗我，它是使用 CSS 动画（关键帧）完成的吗？如果您是，您可能已经错过了动画的最后一段并忘记了 100% 关键帧？我想这之前让我绊倒了。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句