【发布时间】:2021-10-24 16:20:44
【问题描述】:
我正在使用 Material UI 手风琴。在应该放置标题的AccordionSummary 组件内,我正在创建一个包含两个弹性项目的弹性布局。
第一个弹性项目包含手风琴标题,而第二个弹性项目有一些按钮。第二个弹性项目的宽度是固定的,我想要第一个弹性项目占用的剩余空间。
所以这里第一个弹性项目的宽度是动态的,它基于手风琴的宽度,而手风琴的宽度又取决于屏幕尺寸。
现在,如果标题文本长度超过可用的弹性空间,我希望标题显示为文本省略号,但实际上并非如此。当标题文本很长时,它会从Accordion 组件中溢出,甚至第二个弹性项目的内容也会溢出
我的项目代码放在这里很复杂,所以我在codesandbox转载了它
【问题讨论】:
标签: css reactjs material-ui