如何在MUI Grid项中对元素进行居中?下面是我的React应用程序的一个片段:
<Grid container>
<Grid item xs={4}>
// Unrelated stuff here
</Grid>
<Grid item xs={4}>
// How do I centre these items?
<IconButton className={classes.menuButton} color="inherit">
<EditIcon/>
我有这个素材-UI AppBar: import React from 'react'
import AppBar from 'material-ui/AppBar'
import AccountCircle from 'material-ui-icons/AccountCircle'
import Toolbar from 'material-ui/Toolbar'
import IconButton from 'material-ui/IconButton'
import HomeIcon from '
因此,我打算使用flex-box将<H4>样式的组件对齐到页面的中心,但不起作用,我也尝试了margin:0 auto,但它只将H4水平对齐 另外,我想知道为什么页面会溢出? import React from "react";
import {
IconButton,
Drawer as MUIDrawer,
ListItem,
ListItemI
} from "@material-ui/core";
import MenuIcon from "@material-ui/icons/Menu";
import s