小编典典

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

reactjs

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


阅读 620

收藏
2020-07-22

共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中看到一些放错位置的内容。

希望这会帮助你。

2020-07-22