如何检测flexbox项目中的检测?

时间:2016-11-16 14:53:55

标签: css css3 flexbox

如何在我的codepen<div>中检测到包裹到下一行?我想在此<div> margin-left: 0中设置。这只是一个例子。

1 个答案:

答案 0 :(得分:1)

如何仅在每个方框的底部和右侧应用边距。

&#13;
&#13;
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;
}
&#13;
<div class="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>
&#13;
&#13;
&#13;