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>