Javascript 如何在材质UI AppBar中将标题水平居中
我找不到在React Material UI AppBar中居中标题的方法。也许我错过了什么。StackOverflow上几乎没有其他答案,但这些似乎不是最好的方法。使用material ui makeStyles将文本居中:Javascript 如何在材质UI AppBar中将标题水平居中,javascript,reactjs,material-design,material-ui,Javascript,Reactjs,Material Design,Material Ui,我找不到在React Material UI AppBar中居中标题的方法。也许我错过了什么。StackOverflow上几乎没有其他答案,但这些似乎不是最好的方法。使用material ui makeStyles将文本居中: import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles(theme => ({ title: { flexGrow: 1, text
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(theme => ({
title: {
flexGrow: 1,
textAlign: 'center',
},
}));
然后将“标题”样式应用于标题组件:
export default function CenteredTextAppBar() {
const classes = useStyles();
return (
<div>
<AppBar position="static">
<Toolbar>
<Typography variant="h6" className={classes.title}>
Centered Text
</Typography>
</Toolbar>
</AppBar>
</div>
);
}
你可以参考这个例子