没有插件的Pinterest风格的CSS布局

Question

您可以看到我的代码的jsfiddle链接 如何在没有插件的情况下使用pinterest这样的风格 在这里你可以看到图中的方形Node.js我希望它在左侧有位置。

http://jsfiddle.net/madhu131313/HaxwT/

我知道有插件可以制作布局 我知道有插件和框架 http://gumbyframework.com/

http://masonry.desandro.com/

但我希望没有插件或框架

使其变得简单

Answer 1

试试这个： http://cssdeck.com/labs/css-only-pinterest-style-columns-layout

它对我来说非常好用，而且很容易实现。虽然，它没有保持秩序，我不知道如何解决这个问题。我觉得值得一试。

Answer 2

这些插件是为了做你想做的事而创建的，因为我不担心没有简单的解决方案。

使用其中一个插件，例如Masonry，或者只需将您的项目放在列中，就可以在普通的html / css中自行编码。

显然，在列中创建它意味着它不会动态地工作等。