- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
早上好,
我爱上了 MUI,有很多事情可以做。但是,在广泛使用它之后,我注意到 MUI Divider 在它是 Container 或 Paper 组件的子组件时不会显示。我找不到任何关于为什么会这样,所以这可能是我的实现。有人可以检查一下,看看为什么它没有出现?
一切都是进口的,Popover 工作正常。
谢谢!
navBarPopover: {
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center"
}
<Popover
id={id}
open={open}
anchorEl={anchorEl}
onClose={handleClose}
anchorOrigin={{
vertical: "top",
horizontal: "right",
}}
transformOrigin={{
vertical: "top",
horizontal: "right",
}}
>
<Container className={clsx(classes.navBarPopover)}>
<Button className={clsx(classes.loginButton)} component={Link} to="/user_auth" onClick={() => handleClose()}>
Login
</Button>
<Divider />
<Button className={clsx(classes.loginButton)} component={Link} to="/faqs" onClick={() => handleClose()}>
FAQs
</Button>
</Container>
</Popover>
最佳答案
我同意,Material-UI 真的很棒。
在本期中,您将提供 display:'flex'
到父容器。通过给 flex
,子元素的最小宽度为 flex-shrink
默认情况下是否存在于子元素上。
所以,这里是 Divider
在那里,但其宽度为 0。将宽度提供为 100%。
<Divider style={{width:'100%'}} />
在此处查看演示:-
https://codesandbox.io/s/happy-euler-2ycv4
关于javascript - 为什么我的 MUI 分隔线没有出现在 MUI 容器或纸张中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65568238/
我正在尝试在我的 1.0 polymer 元素之一中实现纸张 slider ... 我得到的错误是: Uncaught TypeError: this.has
我还是 Vaadin 的新手,我正在尝试使用 Vaadin 14 实现 @polymenr/paper-slider 组件。 我已经下载了项目https://github.com/berndhopp/
我还是 Vaadin 的新手,我正在尝试使用 Vaadin 14 实现 @polymenr/paper-slider 组件。 我已经下载了项目https://github.com/berndhopp/
我正在尝试像这样实现页面 curl : 我遵循了这个例子:http://codepen.io/anon/pen/fpjoa 如果我创建新的 PHP 和 CSS 文件并从上面的链接复制粘贴代码,结果是正
我是一名优秀的程序员,十分优秀!