2016-07-04 45 views
0

如果包装flex-item,我需要应用不同的样式。我找不到任何cssjs指示flex-item被包装。如何判断flex-item是否被包装

浏览器必须知道该物品被包装...

哪里,截至影响被应用于我泡的风格?

包装时我需要有一个“间隔”边距,但是当flex项目未被包裹时应该删除边距。

Margin must be applied when wrapped

Margin should be reduced when not being wrapped

+0

没有“指示符”,您需要在resize事件上运行的媒体查询或脚本 – LGSon

+0

也发布最小工作代码片段,因此我们必须处理什么 – LGSon

+0

考虑所有项目的相同左边距(或在容器上填充右键)。这从桌面上解决了这个问题。然后使用绝对定位将括号放在它们所属的位置。 –

回答

0

,似乎最好的给我的解决办法,是增加一个归于“包装”到各柔性孩子一旦被包裹,并删除它时不缠绕他们。这可以通过比较flex容器的宽度和flex-children的宽度之和来完成。一旦完成写作,我会发布一段代码片段。

应该有一个属性被浏览器添加到包装的flex项目中。

相关问题