Ruby on rails Rails：如何以行而不是列的形式显示图像

当前我的代码生成的视图如下所示：

Lessons Start Now!
x
x
x
x
x
x

Lessons Start Now!
x   x   x
x   x   x

（其中x=图像）

我想知道我怎样才能让它像这样显示：

Lessons Start Now!
x
x
x
x
x
x

Lessons Start Now!
x   x   x
x   x   x

这是我的index.html.erb代码

<h1>Lessons Start Now!</h1>
<% @lessons.each do |lesson| %>
    <%= image_tag(lesson.image, :size => "100x50") %><br />
    <%= lesson.subject %><br />
<% end %>
<%= link_to 'New Lesson', new_lesson_path %>

现在开始上课！
“100x50”）%>

我唯一能想到的就是写一个有计数的for循环。它将把第一个图像插入一个div类，然后一旦count=3，它将把下一个3插入另一个div。也许可以使用ul和li做一些特殊的事情，或者有一种rails方式，任何帮助都将不胜感激。

您可以做一个表（或浮动div）

“100x50”）%>

您可以创建表格（或浮动div）

“100x50”）%>

如果是我的话。我会将其移动到一个助手，并使用内容_for helper和css来构建所需的布局。没有这个，你可以做你想做的事情，但这不是一个好的练习。对不起，这不是一个解决方案，但它是在这种情况下应该做什么的指南。祝你一切顺利。如果是我，请告诉我们你进展如何。
。我会将其移动到一个助手，并使用内容_for helper和css来构建所需的布局。没有这个，你可以做你想做的事情，但这不是一个好的练习。对不起，这不是一个解决方案，但它是在这种情况下应该做什么的指南。祝你一切顺利。让我们了解您的进展情况。
您可以定义一个具有宽度的div，例如：

div.content
{
width: 305px;
}

在该div中，您可以放置图像。每行显示的图像数量取决于div的宽度和图像的宽度

这种方法的优点是，它完全是在设计中完成的，而不是在代码中完成的。
您可以定义一个具有宽度的div，例如：

div.content
{
width: 305px;
}

在该div中，您可以放置图像。每行显示的图像数量取决于div的宽度和图像的宽度

这种方法的优点是，它完全是在设计中完成的，而不是在代码中完成的。
您必须使用CSS来完成所需的工作，假设这是您的模板：

<h1>Lessons Start Now!</h1>
<% unless @lessons.empty? %>
<ul class="lessons">
<% @lessons.each do |lesson| %>
    <li>
    <%= image_tag(lesson.image, :size => "100x50", :class => "thumbnail") %>
    <p class="subect"><%= lesson.subject %></p>
    </li>
<% end %>
</ul>
<% end %>
<%= link_to 'New Lesson', new_lesson_path %>

你必须使用CSS来做你想做的事情，假设这是你的模板：

<h1>Lessons Start Now!</h1>
<% unless @lessons.empty? %>
<ul class="lessons">
<% @lessons.each do |lesson| %>
    <li>
    <%= image_tag(lesson.image, :size => "100x50", :class => "thumbnail") %>
    <p class="subect"><%= lesson.subject %></p>
    </li>
<% end %>
</ul>
<% end %>
<%= link_to 'New Lesson', new_lesson_path %>

虽然表格可以达到预期的效果，但推广使用表格并不是一个好主意——用于布局的表格不实用，并且与将内容（HTML）与样式（CSS）分离的想法背道而驰。@gryzzly，答案是关于一般方法，而不是布局。你可以使用
每个片段
方法做任何你想做的事情。他确实说过“或浮动divs”。基本方法在结构上是正确的。问题说明“我如何使它显示为这样？”。现在，视觉格式化是用CSS完成的。在我看来，没有标题的表格在结构上是不正确的。表格不应该用于布局。使用CSS虽然表格可以达到预期的效果，但推广其使用并不是一个好主意–用于布局的表格不实用，并且与将内容（HTML）与样式（CSS）分离的想法背道而驰。@gryzzly，答案是关于一般方法，而不是布局。你可以使用
每个片段
方法做任何你想做的事情。他确实说过“或浮动divs”。基本方法在结构上是正确的。问题说明“我如何使它显示为这样？”。现在，视觉格式化是用CSS完成的。在我看来，没有标题的表格在结构上是不正确的。表格不应该用于布局。使用CSS