ruby-on-rails-3 - css：如何使用每个循环（rails）在一行中显示两个产品

Question

在css中需要一些帮助。

我有一系列产品，我使用每个循环显示它。我想在每行显示两个产品。你知道怎么做吗？目前我正在使用 50% 的 div 宽度，因此两个产品将进入 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 产品是 50%。所以它在main下显示2个div。

但这在基于类别等过滤器时表现得很奇怪。有什么好的方法吗？

Answer 1

您可以使用

我很多次处理这样的情况，试试它是否适合你。

伪代码：

<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>