如何检测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>