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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

由于您将在登录页面中使用它。这是我在使用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中看到一些放错位置的内容。

希望这会帮助你。

以上是 如何在Material-UI中将组件居中并使其响应？ 的全部内容， 来源链接： utcz.com/qa/418435.html

回到顶部