加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

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

发布时间:2020-12-13 16:15:39 所属栏目:PHP教程 来源:网络整理
导读:我很想知道如何在抓取帖子时运行WordPress查询来完成这样的布局: http://planetpropaganda.com/#!/blog 你可以看到盒子的高度不同(主要是因为不同的摘录长度). 他们所做的一切看起来很棒,但是由于盒子是绝对定位的,所以我认为它不适用于响应式布局. 有人有
我很想知道如何在抓取帖子时运行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”,您将找到自己的方式.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读