Question

我正在使用铁路评估局的蓝印。我正用每个项目的箱子来做这一4英寸的布局。如果我有4项物品或8项物品,那么所有物品都会被罚款,我有2个产品。如果我拥有第9种产品,或者在4个产品中没有任何区别,那么这些浏览器和物品就会脱节,溢出到下列。谁知道问题是什么?

div.four-column {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-width: 10em;
    -webkit-column-width: 10em;
    column-width: 10em;
    width: 910px;
}

<ul>
  <% @products.each do |product| %>
    <li class="box">
      <%= link_to product.name, product_path(:id) %></br>
      <%= product.price %>
    </li>
  <% end %>
</ul>

Answer 1

快速固定点可能只是这样做。

<% @count_diff = @products.divmod(4) >
<ul>
  <% @products.each do |product| %>
    <li class="box">
      <%= link_to product.name, product_path(:id) %></br>
      <%= product.price %>
    </li>
  <% end %>
  <% if @count_diff[1] > 0 %>
    <% @count_diff[1].each do |empties| %>
      <li class="box">&nbsp;</li>
    <% end %>
  <% end %>
</ul>

At least i think that s the right code :-) i m still learning myself. but basically the hack i ve provided will just fill in "empty" li tags to balance it all out. So if you have 9 productions it ll make 3 extra empty li s.

这样做可能会有更大的“方法”。

友情链接