1

現在、私の Ruby on Rails アプリでは、画像はこのようにレンダリングされています。

ここに画像の説明を入力

写真はテーブルに基づいており、各行には 5 つのセルがあり、各セルには上記のようにパディングが指定されています。ご覧のとおり、これは少しぎこちなく、次のようにしたいと思います (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 プラグインを使用すると、ピンタレストのようなレイアウトになると思います

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