我试图将材质UI简单的面包屑组件居中放置在页脚中,而不是保持对齐状态。我对此并不陌生,我觉得这应该很简单,但我不知道。我尝试将text-alignment属性设置为center,但这没有用。
function Footer() {
return (
<footer>
<SimpleBreadCrumbs />
</footer>
);
}
export default Footer;
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>
);
}
您可以使用flex将SimpleBreadCrumbs组件居中。
function Footer() {
const style = {
display: 'flex',
justifyContent: 'center'
};
return (
<footer style={style}>
<SimpleBreadCrumbs />
</footer>
);
}
export default Footer;
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句