1

css のヘルプが必要です。

製品の配列があり、各ループを使用して表示しています。各行に 2 つの製品を表示したい。あなたはそれを行う方法を知っていますか？現在、div の 50% 幅を使用しているため、2 つの製品が div に含まれます。

他に方法はありますか？

コードは次のとおりです。

<div id="product_list" >
    <% if @products.size <= 0 %>
        <h1/>No products found</h1>
            <% else %>
                <% @products.each do |p| %>
                    <div class="products">

                        <div><%= image_tag p.photos.first.avatar.url(:big) if p.photos.size > 0 %>
                         </div>
                    </div>
                <% end %>
    <% end %>
</div>

div product_list はメイン div div products が 50% です。したがって、メインの下に 2 つの div が表示されます。

しかし、これは、カテゴリなどに基づいてフィルター処理を行うと、奇妙な動作をします。何か良い方法はありますか?

4

1 に答える 1

0

使用できます

私は何度もこのような状況に対処しています。うまくいくか試してみてください。

擬似コード:

<div id="product_list" >
<% if @products.size <= 0 %>
    <h1/>No products found</h1>
        <% else %>
           <ul><li class="products">
            <% @products.each do |p| %>

                    <%= (count%2==0):'</li><li>':''; %>

                    <div><%= image_tag p.photos.first.avatar.url(:big) if p.photos.size > 0 %>

                </div>
            <% end %>
           </li></ul>
<% end %>
</div>
于 2013-03-05T06:56:13.707 に答える