父div中的空间div是一样的吗?

时间:2014-12-08 04:15:23

标签: html css3

应该够简单。我有一个宽度为1100px的div,其中包含宽度为300px的div。我需要将它们平均分开并清除到下面的下一行,一旦不能再适合1100px的宽度。最好的方法吗?我从来不需要这样做。

1 个答案:

答案 0 :(得分:2)

我认为这是你正在寻找的东西。您可以使用nth-of-type向中间框添加边距

.background{
  background: black;
  width: 1100px;
  margin: auto
  overflow: hidden;
}

.box{
  width: 300px;
  height: 300px;
  float: left;
  margin: 0 0 20px
}

.box:nth-of-type(3n+2){
  margin: 0 100px 20px;
}

FIDDLE