所以我有4个div(我其实有更多,但这将简化问题)。我想在两列中显示它们。 4个div的高度不同。最后实际div的数量会有所不同。 所以,如果我有这个div堆叠/布局与CSS或javascript
<div id="1" style="height: 200px" class="inline">some content here</div>
<div id="2" style="height: 600px" class="inline">some content here</div>
<div id="3" style="height: 300px" class="inline">some content here</div>
<div id="4" style="height: 200px" class="inline">some content here</div>
与造型从而
.inline { display: inline-block; vertical-align: top; width: 48%;}
所以#1会向左走,然后#2会推了旁边的权利,伟大的,但#3不会向上滑动400px以适合在#1以下。 (当然)......它在左侧,但在顶部600px处清除#2的底部。等...
我怎么会得到的divs滑入空的空间,是否有可能与CSS? jquery也许? 我知道我可以写专栏来标记它,但由于div的数量不断变化,高度因内容而异。因为我们不关心订单,所以摆脱空间会很好。
有什么想法?
尝试浮动的div左,右交替 – 2010-04-15 22:54:42
题外话,但DOM元素的ID不能以数字开头。 – inkedmn 2010-04-15 22:57:37
我知道,这是为了清晰...对不起 – liz 2010-04-15 23:24:37