現在、私の 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>
事前に助けてくれてありがとう!