sách gpt4 ai đã đi

Làm thế nào để loại bỏ khe hở Accordion khi mở rộng?

In lại 作者:行者123 更新时间:2023-12-04 03:30:59 35 4
mua khóa gpt4 Nike

Tôi đang cố gắng sử dụng Accordion MUI 组件在展开模式下不会移动,也不会对某些元素应用顶部和底部边距。
示例如下,但它不起作用,我的组件仍然太“跳跃”(扩展时它会增加宽度,并且添加了一些不可见的边距)

...
expanded: {
margin: '0px',
},
test: {
'&$expanded': {
margin: '0px',
},
},
...
<>
classes={{
root: classes.test,
expanded: classes.expanded,
}}
expanded={expanded}
>
<>
onClick={() => setExpanded(!expanded)}
classes={{
expanded: classes.expanded,
}}
>
The Summary


the details




1 Câu trả lời

您可以通过设置 Accordion 来做到这一点。 margin 到 tự động这应该与将其设置为 0 相同.确保样式应用于每个 Accordion s 在屏幕上。看这个例子 đây .Accordion扩展时正在移动只是正边距的副作用加上扩展时的过渡效果。删除边距可能会解决您的问题。

import { withStyles } from "@material-ui/core/styles";
import MuiAccordion from "@material-ui/core/Accordion";
import AccordionSummary from "@material-ui/core/AccordionSummary";
import AccordionDetails from "@material-ui/core/AccordionDetails";
import Typography from "@material-ui/core/Typography";

const Accordion = withStyles({
root: {
"&$expanded": {
margin: "auto"
}
},
expanded: {}
})(MuiAccordion);
现场演示
Edit 66816785/how-to-make-accordion-expanded-state-steady

关于reactjs - 展开时如何消除 Accordion 间隙?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66816785/

35 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com