1

Facebook APIを介して写真を取得しており、TwitterのブートストラップとRailsコアラの宝石を使用して写真を3つの列に分割しようとしています。

写真は列に分かれていますが、列内の間隔は非常にゴツゴツしています。時々、写真の間の列の中に大きなギャップがあるでしょう。他の列の1つにはるかに長い画像があるためと思われます。

写真がより滑らかに表示されるようにする方法はありますか？

これが私のコードです。ありがとうございました

<div class = "row-fluid">
<div class ="span16">
<% @album = @graph.get_connections("me", "albums") %>
<% @album.each do |result| %>
  <% @photos = @graph.get_connections("#{result['id']}", "photos") %>
    <% @photos.each do |result| %>
    <div class ="span3">
        <img src="<%= result["source"] %>">
    </div>
    <% end %>
<% end %>
</div>
</div>
4

1 に答える 1

0

グリッドシステムが16列（span16）で、画像をdivに表示するspan3場合は、画像を1行あたり5要素に分割するspan3*5=span15必要があります。そのため、コードには要素をカウントするループが必要であり、5つごとに行を閉じて別の行を開きます。

于 2012-06-02T14:21:00.557 に答える