Question

我正在使用带有Rails的Bootstrap 4.我正在使用each_slice（）创建两个列。但是，使用以下代码，我在左侧列上得到一个空的大空格。

<% @projects.each_slice(1) do |projects| %>
      <div class="col-md-6">
           <% projects.each do |project| %>
                <p><%= project.name %></p>
           <% end %>
     </div>
<% end %>

所以为了进一步解释，我得到以下html：

<div class="row">
    <div class="col-md-6">This is displayed on the left</div>
    <div class="col-md-6">This is displayed on the right</div>
    <div class="col-md-6">This is displayed on the right</div>
    <!-- Here there is a huge empty space, between the first and fourth div -->
    <div class="col-md-6">This is displayed on the left</div>
    <div class="col-md-6">This is displayed on the right</div>
    <div class="col-md-6">This is displayed on the left</div>
    <div class="col-md-6">This is displayed on the right</div>
    <div class="col-md-6">This is displayed on the left</div>
</div>

div的长度不同。我怎么能均匀地显示它们，而不会在div之间获得巨大的空间？我检查了所有的填充和边距，这不是因为它们。

Answer 1

我认为问题在于没有＆＃34;离开＆＃34;第二和第三个div之间的div。 each_slice将一个数组分组为子数组，但我不知道将它们分成一个元素组的重点是什么，这是您拨打@projects.each_slice(1)时所做的事情。。这可以简化为

<% @projects.each do |project| %>
  <div class="col-md-6">
    <p><%= project.name %></p>
  </div>
<% end %>

但是，我不认为这是你的问题。如果您列出的内容不是您想要的内容，那么您实际想要生成什么HTML？

使用带有Rails的Bootstrap 4.为什么我在<div>和each_slice（）之间得到空格？</div>

1 个答案: