2016-07-04 49 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項目中。

相關問題