html - Css 和 html 2 div 在一行然后去下一行

Question

你好，我正在制作一个页面，我需要在同一行上有 2 个 div，然后它会自动转到新行并在那里不断制作 2 个 div。

Image about how it looks now

我需要同一行的两个框然后它应该在下一行自动开始然后第 2 行有 2 个框它转到第 3 行

Answer 1

您可以使用 CSS's nth-child pseudo-class selector .

首先，将您的 div 元素设置为 float 以使它们并排放置:

div {
    float: left;
}

现在引入一个 nth-child 选择器来让所有其他 div 清除之前的 float :

div:nth-child(2n+1) {
    clear: left;
}

JSFiddle demo .