我试图将一个material-ui简单的Breadcrumbs组件居中放置在页脚内，而不是让它左对齐。 我是新手，我觉得这应该很简单，但我不明白。 我试过将text-alignment属性设置为居中，但没有成功。
null
function Footer() {
return (
<footer>
<SimpleBreadCrumbs />
</footer>
);
}
export default Footer;null
null
export default function SimpleBreadcrumbs() {
let year = new Date().getFullYear();
return (
<Breadcrumbs className="breadcrumbs" aria-label="breadcrumb">
<Link color="inherit" href="/" onClick={handleClick}>
Material-UI
</Link>
<Link color="inherit" href="/getting-started/installation/" onClick={handleClick}>
Core
</Link>
<Typography color="textPrimary">Copyright © {year}</Typography>
</Breadcrumbs>
);
}null
您可以使用flex将SimpleReadCrumbs组件居中。
function Footer() {
const style = {
display: 'flex',
justifyContent: 'center'
};
return (
<footer style={style}>
<SimpleBreadCrumbs />
</footer>
);
}
export default Footer;
