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

标签 html css web

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

Image about how it looks now

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

最佳答案

您可以使用 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 .

关于html - Css 和 html 2 div 在一行然后去下一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25426418/

相关文章:

html - 不重叠的 CSS 缩放

html - 阻止文本区域元素离开其父元素?

html - 隐藏移动 View 的表格列

javascript - SuperSized 的替代品

html - 第一个网页设计和代码,Dreamweaver HTML 和 CSS

Javascript 代码未使用 python 代码提取

javascript - 如何制作调查机器人?

php - SendMail 的替代方案

javascript - 调整大小时 Canvas 引用丢失

javascript - 在 mouseenter 事件上设置动画背景色