两列浮动对象布局,停止水平对齐?

时间:2013-09-05 15:42:09

标签: css wordpress layout jquery-masonry two-column-layout

我有两列格式的文章布局,每篇文章都在自己的.box-wrap中,与CSS一起浮动以在列中叠加。

问题是下一个框正确地跳到了列,但它创建了一个(有时是巨大的)边距,因此它的顶部与相对列中上面框的底部对齐。

做了这两个列实际上定义为不同的div元素完美地工作,但这需要两个循环(我使用Wordpress for CMS),这意味着我无法(特别容易)在两列中都有“无限滚动”。

我没有小提琴,因为它足够有效,我可以使用它,请参阅news.enigma-tech.co.uk

有什么建议吗?

提前致谢。

编辑: 现在按照建议使用砌体。但它不起作用。它似乎减慢了网站的负载,但实际上并没有产生预期的影响..

1 个答案:

答案 0 :(得分:1)

你想达到类似Masonry的效果吗?它不能在纯CSS中完成