php – 如何使用动态高度实现div平铺布局,而不是使用绝对定位?

我很想知道如何在抓取帖子时运行WordPress查询来完成这样的布局:

http://planetpropaganda.com/#!/blog

你可以看到盒子的高度不同(主要是因为不同的摘录长度).

他们所做的一切看起来很棒,但是由于盒子是绝对定位的,所以我认为它不适用于响应式布局.

有人有线索吗?

最佳答案 这种布局称为动态网格布局,它可能首先由Pinterest实现.人们总是称id为“Pinterest-like Grid Layout”.

我有一个链接,它提供了一个关于“Pinterest-like Grid Layout”的精彩介绍,可以帮助您理解它.

And Introduction to Pinterest-Like Dynamic Grid Layout

如果您使用jQuery,您可以考虑查看此链接所具有的列表.这里列出了5个jQuery插件.

5 jQuery Plugins to Produce Pinterest Like Dynamic Grid Layout

如果您想获得有关如何创建该布局的其他资源,请开始使用Google搜索“Pinterest-like Grid Layout”,您将找到自己的方式.

点赞