我有一个 Accordion 网格,如下面的代码和框中所示。问题是,当我打开其中一个 Accordion 时,它会推下下面一行中的所有 Accordion ,而所需的行为是只推下它正下方的 Accordion ,而下排中的其他 Accordion 保持在同一位置。为了达到这个效果,下面的代码需要修改什么?
https://codesandbox.io/s/basicaccordion-demo-material-ui-forked-sw4juk?file=/demo.tsx
最佳答案
您可以利用Grid
组件的强大功能来获得您想要的行为。在网格内嵌套网格是魔法:
要使用 Material Grid
组件执行此操作,布局需要如下所示:
关于css - 网格中的 Accordion 将内容向下推,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72536904/