如何在列中打印列表?

时间:2014-11-29 22:46:04

标签: html css list

我有一长串清单,由不同大小的字符串组成。现在它的打印方式如下:

item    longitem    item    longeritem    item    longitem    item
longitem    item    longitem    item    longeritem    item    longitem
...

我怎样才能让它像这样打印?

item        longitem    item        longeritem  item        longitem
longitem    item        evenlongeritem          item        longeritem 
item        longitem    item        evenlongeritem          ...

我觉得它比看起来容易,但是我想将页面划分为开始新项目的列,如果项目足够大以使其延伸到后续列,那么下一项将在此后的专栏开始。

以下是我的观点:

<% @model.each do |model| %>
  <%= link_to model.name, model_path(model) %>&nbsp
<% end %>

示例html打印输出:

<div id="Everything">
  <a href="/models/2">LongItem</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/1">LongerItem</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/3">Item</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/4">Item</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/6">LongItem</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/5">Item</a>&nbsp&nbsp&nbsp&nbsp
  <a href="/models/7">EvenLongerItem</a>&nbsp&nbsp&nbsp&nbsp
  ...
</div>

1 个答案:

答案 0 :(得分:1)

这不完全是你想要的,但我想它更清晰,更容易维护:

<table>
  <% @model.in_groups_of(6) do |group| %>
    <tr>
      <% group.each do |model| %>
        <td><%= link_to(model.name, model_path(model)) %></td>
      <% end >
    </tr>
  <% end %>
</table>