假设我想在多列布局中放置随机数量的相同大小的 div,如下所示:
DIV 1 DIV 4 DIV 7...
DIV 2 DIV 5
DIV 3 DIV 6
我如何只使用 CSS 和 div(没有列容器 div)来做到这一点?
最佳答案
您可能需要某种父类,然后使用 css3 column-count。
<style>
body {
width: 300px;
height: 100px;
border: 1px solid red;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
div {
width: 48px;
height: 48px;
border: 1px solid black;
}
</style>
<div>A</div>
<div>B</div>
<div>C</div>
<div>D</div>
<div>E</div>
<div>F</div>
关于html - float div的左侧以创建多列布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7702611/