调整浮动元素大小时如何避免布局中的间隙

时间:2011-12-15 13:52:06

标签: html css

我有一个左侧浮动的div列表,显示为正方形:

aa bb cc dd ee
aa bb cc dd ee
ff gg hh ii jj
ff gg hh ii jj

例如,当我改变方形b的高度时,我得到:

aa bb cc dd ee
aa bb cc dd ee
   bb ff gg hh
   bb ff gg hh
ii jj
ii jj

我怎样才能得到:

aa bb cc dd ee
aa bb cc dd ee
ff bb gg hh ii
ff bb gg hh ii
jj
jj

由于

3 个答案:

答案 0 :(得分:4)

如果您使用JS MANSONRY来实现此类功能,可能会更好。

答案 1 :(得分:0)

浮动不能做到这一点。看起来很可悲,在CSS3网格系统得到更多实施之前,表格可能是最好的解决方案。

答案 2 :(得分:0)

文档流的工作方式,意味着您无法使用浮点数执行此操作。在某些情况下,另一种方法是使用list-display:table和table-cell table-row,但这缺乏colspan支持。 Colspan实际上正是你想要的(bb细胞为2的colspan),其余为正常。桌子是你最好的选择。