Question

请原谅我，如果我使用不正确的术语或术语，因为我是编程新手。这很难解释，但在我的RoR应用程序中，我有一个专门提供供应商信息的页面。由于某种原因，它们所在的引导板之间的空间随着每个新的供应商项目被添加到页面而呈指数级变大。而且，垂直对齐每次都会下降，几乎就像物品彼此嵌套一样。在过去的几个小时里，我一直在搜索SO，并且没有找到可行的解决方案。请参阅以下代码：

index.html.erb - 供应商模型的索引视图

<div id="vendors" class="transitions-enabled">
  <% @vendors.each do |vendor| %>
    <div class="box panel panel-default">
      <%= link_to image_tag(vendor.vendor_image.url), vendor %>
      <div class="panel-body">
        <%= vendor.vendor_name %><br/>
        <strong><%= vendor.description %></strong><br/>
        <%= vendor.contact_name %><br/>
        <%= vendor.phone_num %><br/>
        <%= vendor.user.email if vendor.user %><br/>
        <% if vendor.vc_one_url %>
          <%= vendor.vc_one_desc %><br/>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_two_url %>
          <%= vendor.vc_two_desc %><br/>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_three_url %>
          <%= vendor.vc_three_desc %><br/>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_four_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_five_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_six_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_seven_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_eight_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_nine_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_ten_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_eleven_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_twelve_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_thirteen_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_fourteen_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <% if vendor.vc_fifteen_url %>
          <%= link_to "Vendor Correspondence", vendor.vc_one_url %><br/>
        <% end %>
        <div class="actions">
          <%= link_to 'Edit', edit_vendor_path(vendor) %>
          <%= link_to 'Destroy', vendor, method: :delete, data: { confirm: 'Are you sure?' } %>
        </div>
        <% end %>
      </div>
    </div>
  </div>

我有另一个不同模型（Pins）的视图，我试图做同样的事情并且它完美地工作。每件物品都与其他物品齐平，没有任何问题。该文件包含在下面：

texaspins.html.erb - Pins模型视图（完美运行）

<div class="well"><h3>Issues</h3></div>
<div id="pins" class="transitions-enabled">
  <% @pins.each do |pin| %>
    <% if pin.state_id == "TX" %>
      <div class="box panel panel-default">
        <%= link_to image_tag(pin.image.url), pin %>
        <div class="panel-body">
          <%= pin.state_id %><br/>
          <%= pin.reso_item %><br/>
          <strong><%= pin.description %></strong><br/>
          <%= pin.user.email if pin.user %><br/>
          <% if pin.genres_doc_url %>
          <%= link_to "General Research", pin.genres_doc_url %><br/>
          <% end %>
          <% if pin.attachment_url %>
            <%= link_to "Letter Ruling", pin.attachment_url %><br/>
          <% end %>
          <% if pin.invoice_example_one_url %>
            <%= link_to "Invoice Example", pin.invoice_example_one_url %><br/>
          <% end %>
          <% if pin.invoice_example_two_url %>
            <%= link_to "Invoice Example", pin.invoice_example_two_url %><br/>
          <% end %>
          <% if pin.invoice_example_three_url %>
            <%= link_to "Invoice Example", pin.invoice_example_three_url %>
          <% end %>
          <% if pin.user == current_user %>
            <div class="actions">
              <%= link_to 'Edit', edit_pin_path(pin) %>
              <%= link_to 'Destroy', pin, method: :delete, data: { confirm: 'Are you sure?' } %>
            </div>
          <% end %>
        </div>
      </div>
    <% end %>
  <% end %>
</div>

感谢您的帮助，如果我需要包含更多文件以进一步澄清我的问题，请与我们联系。

Answer 1

我对rails上的ruby并不熟悉，但看起来你的上一个<% end %>位于错误的地方，你最终会遇到嵌套的<div>。我猜不是真的嵌套，因为它们不会被正确关闭。我猜测最后一个是关闭each命令所以它应该在最后</div>之前，就像你的例子一样有用。

每个新div都会使div项之间的空间呈指数级增大

1 个答案: