如何檢測Flexbox項目是否被包裝？

Question

如何檢測我的codepen最近的<div>是否換到下一行？我想在此設置<div>margin-left: 0。這只是一個例子。

Answer 1

如何在每個盒子的底部和右側應用邊距。

body { 
 
    display: flex; 
 
    justify-content: center; 
 
} 
 
.container { 
 
    width: 600px; 
 
    height: 400px; 
 
    background: #e9e9e9; 
 
    display: flex; 
 
    flex-flow: row wrap; 
 
    padding: 10px 0 0 10px; 
 
} 
 
.container div { 
 
    background: #a3a3a3; 
 
    width: 125px; 
 
    height: 125px; 
 
    margin: 0 10px 10px 0; 
 
}

<div class="container"> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
    <div></div> 
 
</div>