我想从这个连锁的div的不确定数量（如Pinterest的）：如何联动divs？
++++++++ ********
+ + * *
+ + * *
+ + ********
+ +
++++++++
~~~~~~~~ --------
~ ~ - -
~ ~ - -
~~~~~~~~ - -
- -
- -
- -
- -
--------
这样：
++++++++ ********
+ + * *
+ + * *
+ + ********
+ + --------
++++++++ - -
~~~~~~~~ - -
~ ~ - -
~ ~ - -
~~~~~~~~ - -
- -
- -
--------
是否有可能使用CSS或其他的东西？
我是指从zessx answer感谢这个答案zessx。
<h2>Without columns</h2>
<div class="box">1 Lorem Ipsum</div>
<div class="box">2 Lorem Ipsum Lorem Ipsum</div>
<div class="box">3 Lorem Ipsum</div>
<p class="clear"> </p>
<div class="box">4 Lorem Ipsum Lorem</div>
<div class="box">5 Lorem Ipsum</div>
<div class="box">6 Lorem Ipsum</div>
<p class="clear"> </p>
<div class="box">7 Lorem Ipsum</div>
<div class="box">8 Lorem Ipsum</div>
<h2>With columns</h2>
<div class="column">
<div class="box">1 Lorem Ipsum</div>
<div class="box">4 Lorem Ipsum Lorem</div>
<div class="box">7 Lorem Ipsum</div>
</div>
<div class="column">
<div class="box">2 Lorem Ipsum Lorem Ipsum</div>
<div class="box">5 Lorem Ipsum</div>
<div class="box">8 Lorem Ipsum</div>
</div>
<div class="column">
<div class="box">3 Lorem Ipsum</div>
<div class="box">6 Lorem Ipsum</div>
</div>
CSS
.box {
width: 50px;
min-height: 50px;
background: #ccc;
margin: 3px;
padding: 3px;
float: left;
}
.clear {
clear: both;
height: 0px;
}
.column {
width:60px;
float: left;
}
何不的buildin 4单独一个细胞的表，你想要的高度和宽度？ – Ekonion
查看此示例http://jsfiddle.net/samsamX/YmU6J/1/ – Dineshkani
@Dineshkani，您应该将其作为答案发布 –