如何判断flex-item是否被包装

Question

如果正在包裹flex-item，我需要应用不同的样式。我找不到css被包裹的任何js或flex-item指示符。

浏览器必须知道该项目正在被包裹......

我可以在哪里冒泡以影响正在应用的样式？

我需要在包裹时有一个“间隔”边距，但是当未包裹柔性物品时应移除边距。

Answer 1

对我来说最好的解决方案是在包装后为每个flex子项添加一个属性“wrapped”，并在未包装时将其删除。这可以通过将flex-container的宽度与flex-children的宽度之和进行比较来完成。我写完后会发布一个代码片段。

浏览器应该为包装好的flex项添加一个属性。