1

次のような表にフォーマットしたい名前のリストがあります。

Item.all.map(&:name)

<tr>
  <td>Apple</td>
  <td>Dragon</td>
</tr>
<tr>
  <td>Banana</td>
  <td>Elephant</td>
</tr>
<tr>
  <td>Cherries</td>
  <td>Flamingo</td>
</tr>

ユーザーには次のような結果が表示されます。

Apple    | Dragon
Banana   | Elephant
Cherries | Flamingo

等

これを行う最も簡単な方法は何ですか?

4

1 に答える 1

1

これには a を使用しません<table>。<div>s を隣り合わせに配置する方が簡単です。このようなもの：

コントローラ：

@list = %w(Apple Banana Cherries Dragon Elephant Flamingo)

CSS:

.float_left { float: left; }
.clear { clear: both; }

意見：

<div class="float_left">
<% @list.each_with_index do |item, index| %>
  <%= item %><br>
  <% if (index + 1) % 3 == 0 %>
    </div><div class="float_left">
  <% end %>
<% end %>
</div>
<div class="clear"></div>

これにより、この結果が得られるはずです。

于 2012-09-20T14:50:56.213 に答える