我有一个材料 ui 小吃栏,我需要将其显示在屏幕中间。下面是我试图传递的属性,使其显示在屏幕中心,但显示在屏幕顶部。
anchorOrigin={{
vertical: "center",
horizontal: "center"
}}
https://codesandbox.io/s/snackbar-background-color-f37po https://codesandbox.io/s/snackbar-background-color-f37po是展示该问题的示例。这是怎么回事?
使其垂直居中对齐。我们可以用sx
支撑与height: 100%
在 Snackbar 组件上。在 MuiV5 中测试并且工作正常。
<Snackbar
sx={{ height: "100%" }}
anchorOrigin={{
vertical: "top",
horizontal: "center"
}}
...
...
/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)