Javascript 如何在flex div中插入中断项，以便溢出的项可以进入下一行是css？ 我使用materialuipopper来显示化身列表 我想在popper中水平显示化身

您可以将

flex-wrap:wrap

（

flex-wrap:“wrap”

）添加到代码中，因此每次项目占据整个宽度时，它都会转到下一行

<Popper style={{ display: 'flex', maxWidth: '200px', flexWrap: 'wrap' }}>
  <div style={{ marginRight: '20px' }}><Avatar /></div>
  <div style={{ marginRight: '20px' }}><Avatar /></div>
</Popper>

---

您可以将

flex-wrap:wrap

（

flex-wrap:“wrap”

）添加到代码中，因此每次项目占据整个宽度时，它都会转到下一行

<Popper style={{ display: 'flex', maxWidth: '200px', flexWrap: 'wrap' }}>
  <div style={{ marginRight: '20px' }}><Avatar /></div>
  <div style={{ marginRight: '20px' }}><Avatar /></div>
</Popper>

在容器视图中使用flexWrap:“wrap”

在容器视图中使用flexWrap:“wrap”

尝试添加溢出：隐藏；向容器分区尝试添加溢出：隐藏；给集装箱管理员，谢谢！很好，谢谢！效果很好。