duanjue9889 2012-03-30 19:56
浏览 51
已采纳

如何实现动态高度的div瓷砖布局,而不是使用绝对定位?

I'm interested in seeing how you could run a WordPress Query to accomplish a layout such as this when you grab posts:

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

enter image description here

As you can see the boxes have varying heights (mostly because of different excerpt lengths).

What they've done looks great, however since the boxes are absolutely positioned, I don't believe it works well with a responsive layout.

Anyone have a clue?

  • 写回答

4条回答 默认 最新

  • duanjiao8007 2012-09-19 08:34
    关注

    This layout is called Dynamic Grid Layout which (maybe) firstly implemented by Pinterest. People always call id "Pinterest-like Grid Layout". I have a link which give a nice introduction about "Pinterest-like Grid Layout" which may help you understand it.

    And Introduction to Pinterest-Like Dynamic Grid Layout

    and if you use jQuery, you may consider to look at a list which this link has. There are 5 jQuery plugins listed there.

    5 jQuery Plugins to Produce Pinterest Like Dynamic Grid Layout

    If you want to get other resources about how to create that layout, start googling "Pinterest-like Grid Layout", you'll find your way.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效