如何在Material-UI中将组件居中并使其响应？

Question

我不太了解React Material-UI网格系统。如果要使用表单组件进行登录，最简单的方法是在所有设备（移动设备和台式机）的屏幕上居中显示它？

Answer 1

由于您将在登录页面中使用它。这是我在使用Material-UI的登录页面中使用的代码

<Grid
  container
  spacing={0}
  direction="column"
  alignItems="center"
  justify="center"
  style={{ minHeight: '100vh' }}
>

  <Grid item xs={3}>
    <LoginForm />
  </Grid>

</Grid>

这将使此登录表单位于屏幕中央。

但是IE仍然不支持Material-UI网格，您将在IE中看到一些放错位置的内容。

希望这会帮助你。