css - 无法在中心显示材料 ui 小吃吧
问题描述
我有一个材料 ui 小吃栏,我需要在屏幕中间显示。下面是我试图传递的属性,使其显示在屏幕的中心,但它显示在屏幕的顶部。
anchorOrigin={{
vertical: "center",
horizontal: "center"
}}
https://codesandbox.io/s/snackbar-background-color-f37po是展示该问题的示例。这里有什么问题?
解决方案
使其垂直对齐中心。我们可以在 Snackbar 组件上使用sx
prop 。height: 100%
在 MuiV5 中测试并且工作正常。
<Snackbar
sx={{ height: "100%" }}
anchorOrigin={{
vertical: "top",
horizontal: "center"
}}
...
...
/>
推荐阅读
- c - mvaddch() 不打印连续字符
- angular - 类可以在点击时相对于它们的索引添加到两个 div
- javascript - 从 div 到 div 来回移动和/或拖动元素并动态捕获它的 div 字符串
- python - 如何使用 PyNCO ncap2 修改 netcdf 文件?
- php - 推文的渐进式抓取
- asp.net-core - 为什么要使用 ILogger 或 Serilog?
- javascript - Jquery通过id作为变量查找元素
- kotlin - Kotlin:Lambda 内的多个返回
- python - DataFrame 在函数内部分配
- c# - 直接访问属性与通过反射访问属性的影响有多大?