2011-09-10 110 views
0

全部Div排列问题

我正在页脚动态创建我的菜单列表。 现在在一行中最多可以有3个div,那么接下来的第4个div将被设置在第一个下面。 我的问题是现在上面的3个div有不同的高度。同时创建第二排它取第一排最大高度。

看你会更加清楚我想要什么形象

enter image description here

+1

你如何做出这种效果?可能使用浮游物应该正常工作。如果不是,请考虑重新排列项目的数组以便能够创建3列列表。 – casraf

+0

是的,我正在考虑HTML5的flex布局 –

回答

3

jQuery Masonry是解决这一选项,虽然可能矫枉过正的相当简单的情况。

棕色盒子液体的宽度还是固定的?

+0

我认为这是一个很好的解决方案,让我拿着这个感谢的战利品 –

1

而不是布置divs rowwise躺在列。 有3个容器div代表列,然后将内容div放在这些列div中适当的位置。

该表等价物将是 - 具有一行和三个单元格的外部容器表。每个单元格都有单列,多行表格。

+0

我只从一个循环获取所有数据。如果我想在列明智显示它,我需要采取3循环。我不能 –