Question

如何让div（div等宽不等高）实现如下布局，求大神指导？

多个等宽不等高的div在一个容器中实现如下布局效果，前提是不该变HTML机构或者说不能添加标签元素。HTML代码： <div class="controls"> <div class="ctrl"> </div> <div class="ctrl"> </div> <div class="ctrl"> </div> <div class="ctrl"> </div> <div class="ctrl"> </div> <div class="ctrl"> </div> </div>

Answer 1

这不就是中bootstrap中的栅格系统么？原理一样的啊，先做一个row，里面放两个col，colA放你左边的三个div，colB放你右边的三个，出来就这效果。

Answer 2

能用类吗

Answer 3

瀑布流。。。

Answer 4

div.ctrl{
-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:2;
}