【问题标题】:Material UI Accordion title text overflowing out of the containerMaterial UI Accordion 标题文本溢出容器
【发布时间】:2021-10-24 16:20:44
【问题描述】:

我正在使用 Material UI 手风琴。在应该放置标题的AccordionSummary 组件内,我正在创建一个包含两个弹性项目的弹性布局。

第一个弹性项目包含手风琴标题,而第二个弹性项目有一些按钮。第二个弹性项目的宽度是固定的,我想要第一个弹性项目占用的剩余空间。

所以这里第一个弹性项目的宽度是动态的,它基于手风琴的宽度,而手风琴的宽度又取决于屏幕尺寸。

现在,如果标题文本长度超过可用的弹性空间,我希望标题显示为文本省略号,但实际上并非如此。当标题文本很长时,它会从Accordion 组件中溢出,甚至第二个弹性项目的内容也会溢出

我的项目代码放在这里很复杂,所以我在codesandbox转载了它

【问题讨论】:

    标签: css reactjs material-ui


    【解决方案1】:

    如果您使用noWrap,则需要提供宽度,我创建了this fork 并进行了必要的修复。查看noWraphere的描述了解更多详情

    【讨论】:

      猜你喜欢
      • 2020-08-23
      • 2020-08-05
      • 1970-01-01
      • 1970-01-01
      • 2020-12-01
      • 1970-01-01
      • 2020-03-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多