1

现在，图片在我的 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>

提前谢谢你的帮助！

4

1 回答 1

4

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

http://masonry.desandro.com/
于 2012-12-28T05:35:13.903 回答