有關在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>