渲染像Pinterest的照片

Question

现在，我的Ruby on Rails应用程序上的图片就像这样呈现。

图片基于一个表，每行有五个单元格，每个单元格都指定了填充，如上所示。正如你所看到的，这看起来有点尴尬，我想让它看起来如下（来自Pinterest）

布局不必完全相同，但你明白了这一点。我想要很好地调整每张图片之间的填充。 从浏览Stackoverflow，我了解到使用Masonry可能是一个完美的解决方案，但我想知道是否还有其他选项，因为我想尽可能避免在我的应用程序中使用jquery。

更新

<div id="user_posts">
    <table>
    <% @posts.in_groups_of(5).each do |post_array| %>
        <tr>
        <% post_array.each do |post| %>
            <% unless post.blank? %>
            <td class="user_post_space"><%= link_to image_tag(post.image_url(:thumb), :class => "img-polaroid"), post %></td>
            <% end %>
        <% end %>
        </tr>
    <% end %>
    </table>
</div>

提前感谢您的帮助！

Answer 1

我认为使用Jquery Masonry插件会使布局像pinterest

http://masonry.desandro.com/