有关在Ruby中打印数组元素的问题

Question

我有一个现有的Rails应用程序。 我想在一个视图文件中以特定方式打印2个数组元素。 我的两个数组是@itemgroups_array和@all_brands_array，其中@all_brands_array是数组的数组。 对于@itemgroups_array的每个元素，将打印@all_brands_array的相应元素。 就像我刚刚说过的，@all_brands_array的每个元素都是另一个数组，由于我想在同一行中打印最里面的数组元素，因此我使用了join（）方法。 到此为止。

我的代码是：

<% counter = 0 %>
<% @itemgroups_array.each do |ig_name|%>
  <div id="<%=ig_name%>div">
    <%=ig_name%>
    <input type="checkbox" class="check_class" id="<%=ig_name%>c" checked="true">
    <%= @all_brands_array[counter].join(" ")%>

  </div>
  <% counter = counter + 1 %>
<%end%> 

它给出的输出是这样的：（概念上）

Conveyor

Jeekay(AD) SKF

Bolt & Nut

Nirlon(AD) FAG SKF(AD)

我设法通过语句@all_brands_array [counter] .join（“”）在同一行中全部打印Nirlon（AD），FAG，SKF（AD）。 但我想将其打印如下：

Conveyor   Jeekay(AD) SKF
Bolt & Nut   Nirlon(AD) FAG SKF(AD)

也就是说，在概念上，同一行中的外部数组元素和内部数组元素就像上面的线一样。

请帮助我。

提前致谢！

我的浏览器为此部分生成的html是：

<div id="persist">
        <div id="Conveyordiv">
            Conveyor
            <input type="checkbox" class="check_class" id="Conveyorc" checked="true">
            Jeekay(AD) SKF

        </div>
        <div id="Bolt &amp; Nutdiv">
            Bolt &amp; Nut
            <input type="checkbox" class="check_class" id="Bolt &amp; Nutc" checked="true">
            Nirlon(AD) FAG SKF(AD)

        </div>

</div>

Answer 1

解决方案是向左浮动。 为div提供足够的元素宽度，并将css属性作为float：left放置到div中。

尝试这个：

<div id="persist">
    <div id="Conveyordiv">
      <div style='float:left'>
        Conveyor
      </div>
      <div style='float:left'>
        <input type="checkbox" class="check_class" id="Conveyorc" checked="true">
        Jeekay(AD) SKF
      </div>

    </div>
    <div id="Bolt &amp; Nutdiv">
      <div style='float:left'>
        Bolt &amp; Nut
      </div>
      <div style='float:left'>
        <input type="checkbox" class="check_class" id="Bolt &amp; Nutc" checked="true">
        Nirlon(AD) FAG SKF(AD)
      </div>
    </div>