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>

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

1 个答案: