More than 3 years have passed since last update.

material-UI Grid itemの中央寄せ

React
material-ui

Last updated at 2020-09-08Posted at 2019-08-13

##解決策

//grid　の親コンポーネント
<Grid container alignItems="center" justify="center">
  <Grid item xs={8}>
    <Tweet />
  </Grid>   
</Grid>

alignItemsとjustifyを指定すればそれだけで中央寄せが可能でした。

##冗長なやり方
今までこんな風にめちゃめちゃ冗長にやってたなぁ...

//grid　の親コンポーネント
<Grid container alignItems="center" justify="center">
  <Grid item xs={0} md={2}></Grid>
  <Grid item xs={12} md={8}>
    <Tweet />
  </Grid>
  <Grid item xs={0} md={2}></Grid>
</Grid>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up