如何在 Material UI 中将圆形进度条居中对齐？

Question

我正在尝试使用 Material UI 在登录表单中实现圆形进度条。哪个不能居中对齐：screenshot

 {isLoading && <CircularProgress />}
          {user?.email && (
            <Alert severity="success">
              Your Registration Created Successfully
            </Alert>
          )}

Answer 1

与材质 UI 无关，只是一般样式问题/如何定位和设置组件样式。 只需将您的逻辑放入父 div（或任何自定义组件）并使用 flexbox 垂直和水平居中。当然，您的父 div 需要处于您需要的高度、宽度、位置等，以适应您的应用程序。

这是一个内联的 React 示例

const App = () => {
  return (
    <div
      style={{
        // do your styles depending on your needs.
        display: "flex",
        justifyContent: "center",
        alignItems: "center"
      }}
    >
      {  
        // content to center here 
      }
    </div>
  );
};

export default App;